Cocoa Boulevard color palette — #CBE4F3 · #006085 · #7D3400 · #5D3000 · #000204

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#CBE4F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006085): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7D3400): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5D3000): A deep, shadowed, balanced gold — the color of old brass.
• Black (#000204): a grounded near-black with real depth.

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

• Weathered Mulberry Delta color palette (#D0F7F7, #006567, #910036, #6F1B00, #000202)
• Misty Mulberry color palette (#C8E5F6, #005C81, #81004A, #313500, #000103)
• Powdered Lapis color palette (#DBDFF8, #462ADC, #5E4B00, #17441D, #01000E)
• Weathered Olive Lantern color palette (#D6E9D9, #797200, #594000, #3A1B00, #020400)
• Dusty Cornflower color palette (#E1EBF6, #2A88E5, #935800, #942500, #000206)
• Grape Balcony color palette (#E3DEF3, #7C09ED, #5F5F00, #305700, #0B0020)
• Violet Studio color palette (#C9E9FB, #7BA6F5, #9D6BB9, #005352, #000F24)
• Tempered Study color palette (#D5E0FC, #435BFF, #866200, #516000, #070E2D)

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