Quiet Cocoa color palette — #ECEED9 · #737800 · #007565 · #863600 · #0F1000
A conversation between Rust and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECEED9): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#737800): A full-bodied, balanced green — the color of new leaves after rain.
- Teal (#007565): A full-bodied, balanced teal — the color of sea glass.
- Rust (#863600): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#0F1000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Quiet Cocoa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Timeworn Pine color palette (#E3F4E3, #008A2A, #007182, #6C4B00, #001402)
- Frosted Quarry color palette (#F7EFE1, #936900, #007A2A, #9B0031, #160C00)
- Moss Meadow color palette (#F7F0DD, #959300, #675C00, #433400, #111400)
- Antique Cobalt color palette (#E5F8E2, #00A29C, #4F81C2, #61733C, #152213)
- Washed Basin color palette (#EAEBC8, #787500, #006E90, #930064, #272600)
- Clover Balcony color palette (#E9F5C1, #B2E583, #4BC068, #706800, #172400)
- Frosted Moss color palette (#E5F291, #9BA900, #5B6100, #2B2F00, #060700)
- Antique Denim Thicket color palette (#DAEAE6, #006757, #00517E, #3E3F00, #000503)
Browse the whole catalog at Explore, or see today's palette.