Tempered Cocoa color palette — #CFEBDE · #006485 · #773200 · #002E40 · #070100

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CFEBDE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#006485): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#773200): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002E40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

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 Lantern color palette (#DEE8DB, #006A5F, #8A0037, #00322B, #0A0002)
• Muted Terracotta Meadow color palette (#D8F2E7, #0089BC, #A74400, #00415C, #030000)
• Garnet Thicket color palette (#D8F0FF, #004F73, #74003F, #2C3300, #000103)
• Hazy Ultramarine color palette (#F0D8ED, #084CCD, #5E4500, #001D70, #040200)
• Cobalt Alley color palette (#D2E6DF, #008FD4, #A45E00, #00517C, #241000)
• Patina Indigo color palette (#D2E4DD, #7298D9, #785FBD, #004855, #00050E)
• Shadow Study color palette (#F1E8D9, #6C6300, #453300, #251400, #010200)
• Inked Station color palette (#EADBE6, #836200, #100064, #0F0301, #010016)

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