Cocoa Boulevard color palette — #FFF0F8 · #49AB98 · #20719C · #7B380D · #1A434F
Built around Bronze, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Turquoise (#49AB98): A luminous, balanced teal — the color of sea glass.
- Slate (#20719C): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#7B380D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Teal (#1A434F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, cool.
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
- Chestnut Study color palette (#E9FAF0, #71B5BB, #5F77A2, #6E5600, #304C5C)
- Washed Garnet color palette (#FFF0F9, #83A368, #007A75, #7D2D4D, #1A4543)
- Quiet Cocoa Boulevard color palette (#E8F9F8, #58996E, #5E5B97, #6F3700, #2E3F07)
- Timeworn Turquoise Harbor color palette (#F0F5E0, #30AFBD, #00759A, #4D3B6B, #11281B)
- Worn Station color palette (#F0F7F1, #96B9A9, #5D7E50, #29655D, #2B4A3D)
- Misty Denim Balcony color palette (#CAF0D3, #008F8D, #005395, #4B3300, #002F38)
- Hazy Lapis Canyon color palette (#D9FFF0, #0099C7, #5C46C0, #454A00, #023761)
- Pewter Market color palette (#D8FEFF, #A1BBC7, #7B8EA5, #785663, #355446)
Browse the whole catalog at Explore, or see today's palette.