Tempered Cocoa color palette — #C8E6E3 · #006965 · #594700 · #00312F · #040300

Deep Olive and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#C8E6E3): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#006965): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#594700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered 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

• Moonless Basalt color palette (#E3F5EA, #005567, #344200, #00232C, #010100)
• Nocturne Nightshade color palette (#D7EFF0, #005457, #0121AC, #1D3700, #000202)
• Pine Garden color palette (#CEE9DC, #2A7B35, #3E383F, #00222F, #000306)
• Soft Fern Dune color palette (#E2E4C8, #2C6C00, #7D2B00, #113300, #080100)
• Twilit Petrol color palette (#CBF2F9, #007B89, #003E44, #001316, #000102)
• Soft Aubergine color palette (#DFECE3, #006777, #6A0B94, #003039, #06000C)
• Feathered Mulberry color palette (#C9E5EE, #006D6E, #8D0044, #003435, #25000D)
• Cobalt Cabin color palette (#D9E5DB, #3EB1D1, #007FBA, #004C4C, #00080B)

Browse the whole catalog at Explore, or see today's palette.