Cocoa Boulevard color palette — #F8DCEC · #5B4200 · #002B19 · #140022 · #010100

Bronze and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F8DCEC): A whisper-light, dusty pink — the color of peonies in June.
• Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002B19): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#140022): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Eclipse Onyx color palette (#D8F6DD, #514C00, #002D06, #070037, #030400)
• Fern Market color palette (#FFD8DE, #245400, #00282F, #1C000E, #000201)
• Spruce Lantern color palette (#D6F5EB, #353E46, #232F00, #0E1519, #000302)
• Fern Cabin color palette (#F9DDCE, #5A5E12, #004639, #300015, #090002)
• Nocturne Garnet color palette (#DBF9DE, #88020C, #282300, #030032, #030100)
• Muted Abyss Lantern color palette (#F9EAE3, #8B5500, #014B0E, #37003B, #050300)
• Navy Corridor color palette (#EDDAE6, #2F8598, #003F65, #002016, #01000C)
• Bronze Market color palette (#D1F4E5, #B85F00, #5A6900, #004643, #000200)

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