Cocoa Boulevard color palette — #D8EDDC · #5C4600 · #002A34 · #08001C · #060001

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#D8EDDC): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5C4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#08001C): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Obsidian Basalt color palette (#CBE9E0, #314300, #202A2E, #050C0D, #000200)
• Moonless Chapel color palette (#F6D8EB, #882100, #002C21, #000514, #060001)
• Navy Veranda color palette (#E3F4F0, #2C4900, #11006D, #090D06, #0C0006)
• Olive Garden color palette (#F0EAD7, #7E7B00, #2A4400, #001805, #000201)
• Lowlit Fern color palette (#D5F0DA, #6E6500, #023E08, #060035, #010100)
• Dusty Basalt color palette (#DDE6E0, #A6C2B7, #769B94, #473B00, #000201)
• Charred Garnet color palette (#F8E4DE, #590014, #001336, #0B0021, #060003)
• Moonless Aubergine Coast color palette (#BCF3EF, #006732, #3B0088, #2B0012, #020100)

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