Tempered Cocoa Boulevard color palette — #E0EFFF · #CCA6C0 · #8E739B · #714400 · #322C00
A conversation between Bronze and Slate Blue, giving this palette its sense of nature and growth.
The five colors
- Frost (#E0EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#CCA6C0): A luminous, dusty pink — the color of peonies in June.
- Slate Blue (#8E739B): A full-bodied, dusty violet — the color of wild irises.
- Bronze (#714400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#322C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Cocoa Boulevard 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
- Aged Pier color palette (#FFDEEF, #CBA8AF, #A1746D, #6A5700, #363F00)
- Timeworn Cobalt Veranda color palette (#D4F3FA, #86B3A5, #7577B8, #713D2D, #462C08)
- Muted Powder color palette (#DDEEFF, #ACB3ED, #A182B4, #84643E, #4E4B22)
- Timeworn Pewter color palette (#D7DFED, #8E8ABC, #825581, #4C3500, #1B1E00)
- Fern Harbor color palette (#EDDBF5, #C980A8, #905154, #265400, #002A20)
- Weathered Coast color palette (#E4DCEE, #8D6166, #66303A, #182400, #000F06)
- Gentle Violet color palette (#B7F7E9, #81B3D3, #9665B0, #3C6837, #20504B)
- Hushed Quarry color palette (#E0FBFF, #C0E2C9, #7FA7D6, #7C7D00, #005344)
Browse the whole catalog at Explore, or see today's palette.