Matcha Yuzu Delight
Refreshing Japanese culinary palette pairing earthy ceremonial matcha green with zesty golden yuzu.
#Food#Clean#Fresh
COLOR 1
#314E35
Rosemary
COLOR 2
#588157
Fern Green
COLOR 3
#A3B18A
Sage Green
COLOR 4
#FFE6A7
Vanilla Cream
COLOR 5
#DDA15E
Sandy Brown
Suitable Design Applications
Japanese ConfectionerySpecialty Tea BarsModern Culinary BlogsClean Beauty Packaging
Visual Psychology & Mood
Mindful refreshment, clean energy, and culinary artistry.
Editorial Application Advice
Velvety ceremonial green paired with tangy citrus yuzu yellow and cream. Refreshing balance of earthy antioxidant green with bright tart accents.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #314E35;
--color-2: #588157;
--color-3: #A3B18A;
--color-4: #FFE6A7;
--color-5: #DDA15E;
}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
#314E35 on #FFE6A77.54:1
Normal Text AA Pass
Sample Text
#314E35 on #DDA15E4.11:1
Large Text Only (Pass)
Sample Text
#588157 on #FFE6A73.65:1
Large Text Only (Pass)
Sample Text
#588157 on #DDA15E1.99:1
Large Text Only (Fail)
Sample Text
#A3B18A on #FFE6A71.86:1
Large Text Only (Fail)
Sample Text
#A3B18A on #DDA15E1.01:1
Large Text Only (Fail)
Related Palettes in Food
Explore FoodFrequently Asked Questions About Matcha Yuzu Delight
Production design guidance and accessibility rules for applying the Matcha Yuzu Delight (Food) color palette.
What is the recommended role hierarchy for the Matcha Yuzu Delight palette?
In digital interface design, allocate #314E35 and #DDA15E for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #588157 or #A3B18A as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in Matcha Yuzu Delight WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the Matcha Yuzu Delight palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.