Cocoa Boulevard color palette — #E7F5F9 · #63AAAB · #6F6B99 · #6F3A3B · #282A00
Built around Cocoa, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F5F9): a clean, paper-quiet neutral.
- Turquoise (#63AAAB): A luminous, dusty teal — the color of sea glass.
- Slate (#6F6B99): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#6F3A3B): A full-bodied, dusty red — the color of embers at dusk.
- Deep Forest (#282A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Muted Canyon color palette (#EBF3FA, #69A2D1, #8B6188, #694127, #002F29)
- Tempered Cabin color palette (#E6F5F6, #70AB90, #4C759C, #633D5E, #3B1B2C)
- Washed Grove color palette (#DCF7FF, #B3C5D1, #8A97AA, #6E5E6E, #4A3841)
- Antique Courtyard color palette (#F7F5EB, #969E61, #686AA2, #685000, #45423B)
- Terracotta Atelier color palette (#F0F8F0, #6EC1C2, #8885B9, #985154, #464516)
- Ancient Grape color palette (#E3F5FF, #0092AE, #7534A8, #6A1500, #141B00)
- Weathered Cobalt color palette (#DFF0FF, #2684BB, #783B6D, #4A2C00, #00190F)
- Weathered Seafoam color palette (#E7F9F9, #99DEB7, #AE8CB6, #886143, #4E2C3C)
Browse the whole catalog at Explore, or see today's palette.