Tempered Cocoa color palette — #FEF3EB · #D77F59 · #006B6F · #843200 · #091D0D

Rust takes the lead with Coral Clay close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Coral Clay (#D77F59): A luminous, balanced orange — the color of toasted spice.
• Teal (#006B6F): A full-bodied, balanced teal — the color of sea glass.
• Rust (#843200): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#091D0D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged duotone.

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

• Muted Basin color palette (#FAF4EC, #BB9246, #006786, #684900, #031E13)
• Ancient Atelier color palette (#FDF3ED, #D0826B, #0D7215, #8C2700, #181A05)
• Aged Station color palette (#EAF6EA, #D29100, #00793C, #724D00, #000808)
• Sunlit Parlor color palette (#FEEEE4, #C05007, #006065, #6E003A, #4E1124)
• Quiet Bronze Lantern color palette (#FFEADD, #AD7C00, #006C3F, #532B69, #32302A)
• Patina Orchard color palette (#FDF4E3, #816A00, #005B53, #531150, #291D01)
• Softworn Bronze color palette (#EADFD6, #AE6000, #004753, #4C2700, #000406)
• Lime Summit color palette (#FAF6E2, #FFB695, #93BC00, #008284, #31312A)

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