Cocoa Boulevard color palette — #F7E3EE · #853400 · #0B4C06 · #3A1200 · #000900
Built around Rust, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#F7E3EE): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#853400): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#0B4C06): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Espresso (#3A1200): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns 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
- Mulberry Cabin color palette (#F1E2F2, #941636, #414100, #430012, #060600)
- Shadow Garnet color palette (#FEE3F5, #882200, #00415A, #3C0A00, #000103)
- Eclipse Chestnut Archive color palette (#CBEAD5, #614F00, #004945, #282000, #000807)
- Charred Garnet color palette (#FAE8F3, #702100, #393500, #41003B, #050100)
- Chestnut Boulevard color palette (#F2DBCD, #974900, #4A2100, #1F2921, #140600)
- Nocturne Aubergine Field color palette (#F8DEE6, #714600, #6B0063, #301B00, #10000E)
- Patina Bronze Summit color palette (#F2DCCB, #A24E00, #006565, #592800, #000808)
- Pine Study color palette (#EFDEE0, #007938, #7E5E00, #0B0D04, #000301)
Browse the whole catalog at Explore, or see today's palette.