Tempered Cocoa Meadow color palette — #CEF4F7 · #00614B · #6B3100 · #322600 · #000302
Built around Bronze, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Frost (#CEF4F7): A whisper-light, dusty blue — the color of deep harbor water.
- Pine (#00614B): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6B3100): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Cocoa Meadow 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
- Aged Garnet Atelier color palette (#D1F7EF, #2E6000, #830018, #411B00, #010300)
- Pale Lantern color palette (#D2F3F2, #00804C, #9B3400, #533400, #000F05)
- Muted Spruce Hollow color palette (#DAF0FA, #007183, #655400, #214000, #000A0D)
- Mulberry Hollow color palette (#D1EBDC, #5E5200, #78005A, #500011, #030200)
- Shadow Aubergine color palette (#E0DCF1, #840A8B, #702C00, #362300, #060007)
- Bronze Loft color palette (#DFF6FF, #008C96, #856600, #405100, #00181A)
- Hushed Grape color palette (#E2F0FF, #0073CF, #7B39AA, #5E2400, #000104)
- Navy Atelier color palette (#D1E3EC, #0086A0, #003E90, #003D4A, #000106)
Browse the whole catalog at Explore, or see today's palette.