Tempered Cocoa color palette — #D4E6E3 · #5DA28C · #006F71 · #722D10 · #002118

A conversation between Rust and Teal, giving this palette its sense of optimism and calm.

The five colors

• Silver (#D4E6E3): bright and airy, almost weightless.
• Eucalyptus (#5DA28C): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#006F71): A full-bodied, balanced teal — the color of sea glass.
• Rust (#722D10): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#002118): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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 Cypress color palette (#E2F4EC, #759F72, #007257, #454A00, #012202)
• Jade Summit color palette (#F5F8E0, #19BD91, #006E6D, #5A2E20, #000A06)
• Powdered Pine Ridge color palette (#D0E6D7, #869D55, #007532, #741F4B, #161E00)
• Weathered Lagoon color palette (#E9EDDB, #338D66, #00513F, #2F3100, #151F00)
• Softworn Jade color palette (#D5F9E8, #23B686, #007457, #004033, #000D09)
• Weathered Jade color palette (#CBE7E5, #4DC08D, #009476, #656829, #002113)
• Olive Cabin color palette (#F4DEE5, #B6A464, #697B27, #00654A, #322800)
• Antique Olive Alley color palette (#EBFAEC, #96BFAB, #6A8D49, #1D7263, #143E2D)

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