Muted Cocoa color palette — #D0F5F9 · #006F5B · #723800 · #382D00 · #000A00
Bronze and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D0F5F9): A whisper-light, dusty blue — the color of open sky before noon.
- Pine (#006F5B): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#723800): A full-bodied, balanced gold — the color of old brass.
- Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Muted 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
- Muted Courtyard color palette (#E1F6FF, #007F8C, #664F00, #2B4600, #00140F)
- Linen Garnet color palette (#C5F9E9, #597400, #7D0037, #431A00, #0B0700)
- Aubergine Station color palette (#DEFDF4, #0062A0, #6E0082, #402700, #001D1C)
- Timeworn Boulevard color palette (#EDF6FF, #0098E5, #9E00BD, #583700, #000707)
- Lagoon Harbor color palette (#E4F6F9, #45A092, #8D613B, #4F4902, #092120)
- Airy Grove color palette (#EBEFD6, #309B00, #BC0024, #673B00, #181600)
- Smoked Garden color palette (#D6F4F7, #003D2F, #301200, #081617, #080500)
- Aubergine Villa color palette (#DFF3FF, #006A87, #5600A1, #560043, #000807)
Browse the whole catalog at Explore, or see today's palette.