Tempered Cocoa color palette — #DBF5E7 · #005B72 · #6F2B00 · #461800 · #001017

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBF5E7): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#005B72): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#6F2B00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#461800): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#001017): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Garnet Canyon color palette (#E8EFE1, #006147, #800026, #520015, #081000)
• Deep Denim color palette (#C9E6FC, #00496F, #493000, #291900, #00050C)
• Eclipse Garnet Study color palette (#C9E6DE, #005A9A, #6B001E, #192300, #001106)
• Pale Denim Workshop color palette (#F0D8F1, #004F9E, #5A3C00, #382400, #19031A)
• Sunlit Garnet color palette (#E2F1FF, #0076B1, #A23634, #7F0814, #000F1C)
• Hazy Ultramarine color palette (#FFE7FA, #2600EC, #4D4300, #302900, #040928)
• Sapphire Orchard color palette (#D3E7FF, #0066C4, #725200, #4F3800, #001F42)
• Powdered Workshop color palette (#E7E1CF, #006AAB, #530787, #272600, #071138)

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