Cocoa Boulevard color palette — #ECDEE5 · #7D3200 · #004639 · #361100 · #000201

Rust and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#ECDEE5): bright and airy, almost weightless.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004639): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#361100): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Moonless Basin color palette (#F4DDD9, #9A0A00, #2E4700, #440200, #030700)
• Moonless Hollow color palette (#F9E1FE, #8F003A, #004548, #3F0015, #000202)
• Obsidian Navy color palette (#F8DBE7, #753A00, #003978, #321500, #000105)
• Nocturne Garnet color palette (#FCE8E4, #701200, #00383F, #0D1D33, #040000)
• Lowlit Chestnut color palette (#E3F6E1, #6D5500, #3A2C30, #1F1000, #020100)
• Obsidian Cocoa Pier color palette (#E9EDFF, #006B76, #813B00, #0C0D05, #040002)
• Hushed Nightshade Study color palette (#D8EFE2, #695B00, #2200D6, #312A00, #010016)
• Terracotta Canyon color palette (#FBE4DC, #9C4300, #4F1C00, #171D15, #150300)

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