Matcha Latte Oat Milk
Calming morning ritual aesthetic inspired by whisked organic ceremonial green tea layered over creamy oat milk.
#Aesthetic#Fresh#Pastel#Clean#Calm
COLOR 1
#1F2E1B
Pine Needle
COLOR 2
#4A6B3D
Pesto Green
COLOR 3
#8FA87D
Sage Green
COLOR 4
#D2E0C4
Matcha Pastel
COLOR 5
#F7FAF4
Gofun Shell White
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #1F2E1B;
--color-2: #4A6B3D;
--color-3: #8FA87D;
--color-4: #D2E0C4;
--color-5: #F7FAF4;
}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
#1F2E1B on #D2E0C410.38:1
Normal Text AA Pass
Sample Text
#1F2E1B on #F7FAF413.61:1
Normal Text AA Pass
Sample Text
#4A6B3D on #D2E0C44.39:1
Large Text Only (Pass)
Sample Text
#4A6B3D on #F7FAF45.76:1
Normal Text AA Pass
Sample Text
#8FA87D on #D2E0C41.88:1
Large Text Only (Fail)
Sample Text
#8FA87D on #F7FAF42.47:1
Large Text Only (Fail)