Tempered Cocoa Canyon color palette — #E9DAE2 · #BBA1AA · #6B8771 · #5F2100 · #1E0E18

Built around Espresso, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Silver (#E9DAE2): a clean, paper-quiet neutral.
• Rosewood Mist (#BBA1AA): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#6B8771): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#5F2100): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1E0E18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Timeworn Basalt Thicket color palette (#E1EAE1, #9AAFA2, #6A867C, #4C3100, #0D170E)
• Muted Chapel color palette (#EDE2EE, #BAA0B3, #947484, #6C0024, #1A101B)
• Washed Terracotta color palette (#F6EBE4, #BDB2A6, #A09478, #8A320E, #1D1008)
• Fern Terrace color palette (#E6F2EB, #BED1CA, #89A8A2, #625500, #233229)
• Worn Olive Bloom color palette (#D6EBDE, #687300, #204100, #410D0C, #0F1100)
• Shadow Basalt color palette (#CFE9CD, #465952, #503200, #152027, #0B0800)
• Dusty Pewter color palette (#EEF8F5, #D1DDE1, #B0C3CF, #657D52, #404A48)
• Midnight Bloom color palette (#F2E3C4, #8A3F00, #3C2E00, #001C25, #140800)

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