Tempered Cocoa Corridor color palette — #F5E4DA · #A97D51 · #81412E · #582233 · #302100

Coffee takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F5E4DA): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#A97D51): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#81412E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Mulberry (#582233): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#302100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Corridor 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

• Chestnut Harbor color palette (#FBE3D1, #AE9267, #895538, #673136, #32302A)
• Wandering Garnet color palette (#F0D8E6, #AA7A58, #833F24, #610310, #180B00)
• Muted Courtyard color palette (#EEE2D0, #868E4D, #6C5100, #582700, #242700)
• Washed Basin color palette (#FFDEE6, #CB6740, #735100, #333600, #002D08)
• Airy Garnet color palette (#FAE6E2, #C6657A, #4C5500, #7C0031, #110D00)
• Soft Atelier color palette (#F7E3F0, #D9A670, #DB6742, #975465, #0C2B1A)
• Muted Olive Summit color palette (#FFEBCF, #6B6C00, #4A3400, #321100, #020F00)
• Weathered Study color palette (#F0D8D4, #739A51, #660134, #300015, #180504)

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