Tempered Cocoa color palette — #D4FCFF · #00745A · #682C00 · #3B2E00 · #061B00

Rust takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D4FCFF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00745A): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#682C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3B2E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#061B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Weathered Market color palette (#CCFBF2, #337700, #830026, #4B2400, #181600)
• Hushed Delta color palette (#D7EEFD, #006582, #494300, #002F0B, #001818)
• Washed Veranda color palette (#D3EBFF, #0071A8, #7B0036, #2B2F00, #00060D)
• Linen Plum color palette (#D4FFEF, #0081BA, #B60047, #494800, #001B2A)
• Fern Balcony color palette (#EDF7FA, #539D95, #885F37, #565100, #203735)
• Wandering Fern color palette (#EFF6FF, #4C75AF, #336518, #004E44, #0C2B39)
• Plum Bloom color palette (#F0E1FF, #BF0E87, #852600, #403000, #062D01)
• Weathered Boulevard color palette (#FFEEFF, #6CA5FF, #DA00C5, #008171, #001C25)

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