Matcha Color Palette

Updated April 17, 2026

A zen matcha color palette — soft matcha green, creamy beige, bamboo, and tea ceremony brown. Hex codes for wellness, tea, and spa designs.

The Matcha Palette

• Rice Paper #F3F0E0 rgb(243, 240, 224) hsl(51, 44%, 92%)
• Bamboo #D6CFA8 rgb(214, 207, 168) hsl(51, 36%, 75%)
• Light Matcha #A3B18A rgb(163, 177, 138) hsl(82, 20%, 62%)
• Matcha #588157 rgb(88, 129, 87) hsl(119, 19%, 42%)
• Deep Tea #344E41 rgb(52, 78, 65) hsl(150, 20%, 25%)
• Ceremony Brown #4A3B2A rgb(74, 59, 42) hsl(32, 28%, 23%)

Hex Codes at a Glance

#F3F0E0, #D6CFA8, #A3B18A, #588157, #344E41, #4A3B2A

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This matcha palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.