ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Food

Matcha Tea Ceremony

Tranquil Kyoto tea house palette celebrating stone-ground ceremonial matcha green and bamboo whisk tones.

#Food#Nature#Fresh#Clean#Calm
Open in Generator
COLOR 1
#1F3318
Olive Tapenade
COLOR 2
#3E5C2C
Kelp Forest
COLOR 3
#6E8B3D
Olive Branch
COLOR 4
#B8D08B
Pistachio Pastel
COLOR 5
#F3F7EB
Vintage Cream

Color Values & Codes

HEX · RGB · HSL
rgb(31, 51, 24)hsl(104, 36%, 15%)Color details →
rgb(62, 92, 44)hsl(98, 35%, 27%)Color details →
rgb(110, 139, 61)hsl(82, 39%, 39%)Color details →
rgb(184, 208, 139)hsl(81, 42%, 68%)Color details →
rgb(243, 247, 235)hsl(80, 43%, 95%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Food Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1F3318;
  --color-2: #3E5C2C;
  --color-3: #6E8B3D;
  --color-4: #B8D08B;
  --color-5: #F3F7EB;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#1F3318 on #B8D08B8.05:1
Normal Text AA Pass
Sample Text
#1F3318 on #F3F7EB12.50:1
Normal Text AA Pass
Sample Text
#3E5C2C on #B8D08B4.49:1
Large Text Only (Pass)
Sample Text
#3E5C2C on #F3F7EB6.97:1
Normal Text AA Pass
Sample Text
#6E8B3D on #B8D08B2.29:1
Large Text Only (Fail)
Sample Text
#6E8B3D on #F3F7EB3.56:1
Large Text Only (Pass)

Related Palettes in Food

Explore Food
#231612Copy
#48281DCopy
#784534Copy
#B87E60Copy
#E4CEBACopy
cp-featured-09Food
Artisan Espresso Roast
FoodWarmEarthy
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh