Cocoa Boulevard color palette — #F3E4ED · #BA723A · #842C00 · #460007 · #020100

Built around Rust, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Blush (#F3E4ED): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#BA723A): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#842C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#460007): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Ancient Garden color palette (#F1E7DB, #A28123, #6A4400, #371800, #010100)
• Antique Garnet color palette (#FDDAED, #C48C59, #92481C, #600A04, #070300)
• Tempered Bronze color palette (#FFF0F7, #ECAC66, #C15F09, #852A16, #221600)
• Mulberry Basin color palette (#F6D6EB, #B88347, #AD4D2C, #891642, #0F0B00)
• Wandering Peony Study color palette (#EFD5EF, #DB54AB, #960048, #3A0007, #030000)
• Aged Bronze Drift color palette (#E3FDEC, #B4B875, #867632, #5E4000, #0D1600)
• Aged Bloom color palette (#E5FCEA, #DCD295, #AF8C3E, #85520D, #272B00)
• Worn Quarry color palette (#E8E3F1, #7B20CA, #5A4D00, #00311A, #020006)

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