Tempered Cocoa color palette — #CCECDC · #00617D · #842900 · #4C3800 · #000407

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CCECDC): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00617D): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#842900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#4C3800): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000407): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. 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 Denim color palette (#E3F2FF, #004D7B, #5F3000, #2E3200, #000103)
• Mulberry Bloom color palette (#DAF2EE, #00665E, #8C004B, #740015, #000504)
• Gentle Thicket color palette (#D3E9F8, #007EB1, #A54B00, #814800, #001420)
• Chalky Archive color palette (#D8E3F9, #0842D5, #664500, #423D00, #000118)
• Dusty Olive Orchard color palette (#F9EBD3, #757631, #554000, #361B00, #020700)
• Chalky Sapphire Studio color palette (#DBE6F6, #0068EB, #895900, #4D5900, #000C29)
• Aubergine Quarry color palette (#DAECFA, #00618F, #6918A1, #00483A, #001322)
• Soft Orchid color palette (#D4E8DE, #9AB4E6, #AB6BDE, #005250, #001020)

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