Cocoa Boulevard color palette — #D1EBD5 · #2BACA7 · #45799D · #7F3700 · #454100

Rust and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1EBD5): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#2BACA7): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#45799D): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#7F3700): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#454100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Washed Cobalt color palette (#C5EEE4, #45A2BE, #4C6AB3, #6C4900, #2D4900)
• Ancient Garnet Chapel color palette (#EBF1D3, #79B096, #008492, #7A333B, #632A00)
• Chestnut Cabin color palette (#CFFFFB, #84BBDF, #7670A6, #725E0E, #3A591F)
• Basalt Thicket color palette (#DBF5FF, #6D86B5, #684C75, #374000, #003126)
• Worn Fern color palette (#C6EFD2, #AF94AC, #89709B, #525F27, #384800)
• Dusty Aqua Thicket color palette (#CBE5DF, #34D0FF, #81A0E3, #A37536, #553500)
• Powdered Cobalt Lantern color palette (#DBE8F6, #0073C7, #8F5300, #6B4C00, #002546)
• Bronze Lantern color palette (#EEFAE3, #ADC5B5, #A590A4, #94672C, #5E5400)

Browse the whole catalog at Explore, or see today's palette.