Tempered Cocoa color palette — #D6E7EC · #005F5E · #5B3F00 · #2C2B00 · #000202

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

The five colors

• Frost (#D6E7EC): a clean, paper-quiet neutral.
• Peacock (#005F5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#5B3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2C2B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Aged Balcony color palette (#D6E9E8, #006434, #7C1F00, #3A2300, #000201)
• Antique Studio color palette (#DDEDFF, #00529B, #1C5300, #003126, #000207)
• Abyss Delta color palette (#D5E5F2, #003C59, #451D00, #021800, #000204)
• Sapphire Basin color palette (#F4E5F4, #0064DF, #6D6300, #4F4800, #000108)
• Lowlit Mulberry color palette (#F5EBFA, #9E0F59, #602200, #231900, #000200)
• Amethyst Workshop color palette (#E8EDFF, #714ED9, #00715B, #004C54, #0F032C)
• Chalky Fern color palette (#C7E3F3, #008EAE, #787600, #186403, #001E2C)
• Soft Quarry color palette (#E2F0FF, #4995D7, #6A8D3F, #007255, #0E2840)

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