Cocoa Boulevard color palette — #F3E1E9 · #693300 · #323029 · #140D00 · #040002

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

The five colors

• Rose Water (#F3E1E9): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#693300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#323029): quiet, heavy and certain.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Shadow Basalt color palette (#DEF1DF, #4A3100, #161F1B, #060700, #030002)
• Velvet Garnet color palette (#F2DDEF, #830015, #2C1B14, #1A0900, #050000)
• Velvet Chestnut Parlor color palette (#FEEADA, #8E4C00, #26322F, #1D0F00, #030100)
• Fern Chapel color palette (#DEF6F0, #386200, #30363D, #002016, #000705)
• Hushed Bronze Loft color palette (#E5F1EA, #938329, #24423D, #14221A, #0A0E09)
• Olive Veranda color palette (#E7F2E7, #847B12, #314E00, #42143C, #090800)
• Feathered Lapis Loft color palette (#DAEDDF, #856600, #4E2CD4, #453300, #060026)
• Worn Turquoise Orchard color palette (#F5EBF2, #48ACB9, #006180, #003B2C, #000B1B)

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