Tempered Cocoa Boulevard color palette — #EAEFE2 · #006243 · #702F00 · #372600 · #000201
A conversation between Rust and Pine, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#EAEFE2): a clean, paper-quiet neutral.
- Pine (#006243): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#702F00): A deep, shadowed, balanced orange — the color of autumn markets.
- Espresso (#372600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged 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
- Abyss Summit color palette (#D5E4CF, #005149, #462600, #1E1C00, #000301)
- Garnet Study color palette (#EAE7CA, #475C00, #830035, #481800, #010200)
- Spruce Cabin color palette (#D9F0E1, #006C7E, #605200, #213F00, #000608)
- Quiet Bronze Orchard color palette (#D6E4C7, #009773, #AB5800, #694E00, #002117)
- Smoked Aubergine color palette (#E0F3FF, #00566F, #58007F, #031F01, #000102)
- Wisteria Dune color palette (#FFE8EB, #B971B6, #BC6635, #7C5A00, #391C22)
- Shadow Aubergine color palette (#FCD8DF, #822B8F, #6C0027, #2C1300, #020200)
- Chalky Olive color palette (#BFF2E1, #008FD4, #5E8700, #006942, #002237)
Browse the whole catalog at Explore, or see today's palette.