Tempered Cocoa color palette — #F1E7EC · #B298A1 · #67846D · #5C2100 · #0B0106
A conversation between Espresso and Fern, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F1E7EC): bright and airy, almost weightless.
- Taupe (#B298A1): A luminous, dusty rose — the color of a warm blush.
- Fern (#67846D): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#5C2100): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#0B0106): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Hushed Garnet color palette (#F5EAF6, #AF98A9, #8F7280, #6A0022, #0A010B)
- Muted Chapel color palette (#E2EDE6, #87A99B, #55877D, #423500, #000602)
- Garnet Studio color palette (#F2E9E4, #B4A798, #977B35, #611E00, #200F05)
- Muted Cocoa color palette (#F5EBF1, #BFD8BE, #8AB0A0, #842C14, #070005)
- Worn Fern color palette (#E3EBE6, #B8D2C9, #8BABA6, #615500, #0F1813)
- Worn Pewter color palette (#EAF4F2, #CCDBE1, #B3BFC7, #667E55, #262E2C)
- Driftwood Alley color palette (#F8EFF2, #C8D7DA, #949DA9, #9B7783, #3B3436)
- Washed Quarry color palette (#F9E4EC, #EF3705, #A25C00, #4A4800, #040200)
Browse the whole catalog at Explore, or see today's palette.