Cocoa Boulevard color palette — #CCECDD · #00688A · #7B3200 · #003143 · #1F0700

Rust and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCECDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#00688A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7B3200): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#003143): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1F0700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. 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

• Weathered Cabin color palette (#DAE5DA, #006D6F, #900025, #003435, #260004)
• Chestnut Study color palette (#CFE5F1, #0085A1, #975200, #004D5F, #1C0A00)
• Hushed Villa color palette (#F2D8F0, #0050D5, #614700, #00246F, #160E00)
• Timeworn Garnet color palette (#CAE5F7, #005377, #770043, #2F3400, #000911)
• Cobalt Study color palette (#CCE9FF, #008DD0, #A05E00, #00547E, #452500)
• Muted Thicket color palette (#F7EDDC, #72691C, #483500, #2B1700, #0A0D00)
• Sunlit Bronze Lantern color palette (#C7E3F5, #009ACA, #C26000, #006C8E, #1D0900)
• Inked Petrol color palette (#D6E2ED, #0075B0, #003F67, #001121, #000307)

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