Tempered Cocoa color palette — #FFE4F6 · #D2A7BE · #987B83 · #75574E · #5D2400
A conversation between Espresso and Rosewood Mist, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FFE4F6): A whisper-light, dusty pink — the color of neon signs at night.
- Rosewood Mist (#D2A7BE): A luminous, dusty rose — the color of a warm blush.
- Driftwood (#987B83): A luminous, dusty rose — the color of pressed rose petals.
- Coffee (#75574E): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#5D2400): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Dusty Cabin color palette (#FFECF0, #D8ADB0, #9C7976, #824F1A, #3C3832)
- Wandering Powder color palette (#D8EFFF, #9FC0E3, #9E8097, #715154, #472926)
- Bronze Quarry color palette (#FED8D7, #D193A4, #A46147, #634400, #32290C)
- Sunlit Lilac Delta color palette (#EEE4FF, #B586C6, #955A83, #763117, #361A00)
- Dusty Abyss Canyon color palette (#E3F0FF, #AFB8D1, #7E7B9C, #596A58, #305745)
- Hushed Lilac Lantern color palette (#FFECF2, #B68FE3, #C77457, #715591, #3C1F0B)
- Tempered Driftwood Corridor color palette (#DBFFEC, #FAD8EF, #D6A9B2, #8B8238, #5B5200)
- Washed Mallow color palette (#FFECF1, #DCABF5, #8F66A8, #4D315F, #1E092A)
Browse the whole catalog at Explore, or see today's palette.