Cocoa Boulevard color palette — #FDEEE9 · #C9B07D · #7F3E42 · #461318 · #150905

Coffee takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FDEEE9): a clean, paper-quiet neutral.
• Camel (#C9B07D): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7F3E42): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#461318): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#150905): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Softworn Basalt Harbor color palette (#F8F0EA, #D4C0A2, #7F573F, #4A260F, #1C1109)
• Aged Terrace color palette (#FBF0E2, #C6A255, #694300, #2F1C00, #0E0600)
• Mulberry Veranda color palette (#F9F3FB, #9DB97F, #80334C, #491D2B, #251F28)
• Antique Rust color palette (#FBF2FA, #DCC188, #AC5157, #613335, #271E27)
• Airy Brick color palette (#FAEFEB, #E0A295, #867500, #B42810, #140D00)
• Tempered Bronze Boulevard color palette (#FFEEE5, #CCA47B, #916F1D, #514D00, #1A2500)
• Lowlit Quarry color palette (#F2D8CD, #836200, #400101, #1B1506, #0B0000)
• Hushed Bronze color palette (#FEF0DA, #C68F61, #796C13, #004D68, #321E00)

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