Tempered Cocoa color palette — #EEF4E8 · #529E86 · #5A5D9D · #6B2A00 · #00251B

A conversation between Rust and Slate, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#EEF4E8): bright and airy, almost weightless.
• Fern (#529E86): A luminous, balanced teal — the color of sea glass.
• Slate (#5A5D9D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#6B2A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#00251B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, 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

• Softworn Garnet color palette (#F4F2E6, #85964F, #2168A6, #751825, #271D00)
• Pewter Thicket color palette (#E9F5F0, #5396BA, #834D85, #4D4000, #00222F)
• Patina Cocoa Dune color palette (#FBEEF4, #9B96C2, #706A99, #6B4200, #0A2F1A)
• Antique Petrol color palette (#D5E7DE, #0080A7, #3C2A3A, #051B12, #030804)
• Grape Harbor color palette (#FBF1FC, #538CCA, #6E4CAB, #6E2B58, #562823)
• Aubergine Parlor color palette (#D2E8CC, #008477, #6A00A5, #402500, #00120E)
• Tempered Meadow color palette (#DFF3EB, #0D85BE, #8F294E, #283B00, #001722)
• Washed Pine Alley color palette (#F7F1E5, #B7B596, #50825E, #405D43, #2B280B)

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