Cocoa Boulevard color palette — #F9E3D6 · #B28E73 · #865641 · #673327 · #352F2A

Cocoa and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F9E3D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B28E73): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#865641): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#673327): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Garnet Boulevard color palette (#F2DBCE, #B6906C, #935035, #6B1F2A, #221500)
• Ancient Fern Thicket color palette (#EFE8D2, #959C6F, #696725, #4E4411, #31312A)
• Tempered Amber Pier color palette (#F6E1ED, #E9B596, #D88562, #A96454, #402832)
• Softworn Thicket color palette (#F9DFEE, #C9A1B0, #AA7058, #913A43, #183822)
• Cocoa Lantern color palette (#FDF3ED, #D77F5A, #785800, #863000, #221602)
• Bronze Basin color palette (#FAF5E9, #C0B89E, #987C36, #78570A, #544700)
• Frosted Veranda color palette (#FFE9E5, #AB4B6B, #2A6595, #3C3981, #391E1A)
• Coral Orchard color palette (#D7EBD8, #DAAE00, #FF6C5A, #3A290C, #221712)

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