Tempered Cocoa color palette — #EBE4C6 · #95C7AB · #5C98B8 · #8B6442 · #613700

Bronze and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EBE4C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#95C7AB): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#5C98B8): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#8B6442): A full-bodied, dusty gold — the color of old brass.
• Bronze (#613700): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Bronze Balcony color palette (#F9F7D5, #B3D5B3, #809BC4, #956D2D, #6A4700)
• Teal Courtyard color palette (#FADEC3, #B7BB8D, #51A398, #885659, #644034)
• Muted Lagoon Lagoon color palette (#F8F6E8, #91C2A3, #00938F, #5F693B, #2F3B00)
• Indigo Drift color palette (#DAEEDF, #52C1D5, #7C73D1, #716420, #4D4200)
• Ancient Cocoa Basin color palette (#DEFFE3, #AAEAE8, #8EAAC3, #7B576C, #5E3523)
• Ash Archive color palette (#CDEED0, #8EC5EF, #AA80B2, #61754C, #3A4C27)
• Antique Glacier color palette (#CDE9CC, #93D4E0, #87AF9D, #847BA4, #59343F)
• Washed Petrol color palette (#F8EED3, #75A67E, #067B9D, #644300, #332900)

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