Cocoa Boulevard color palette — #FFF3E7 · #BBAF7E · #6C4824 · #322D28 · #1F1B0B

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sage (#BBAF7E): A luminous, dusty green — the color of fresh herbs.
• Bronze (#6C4824): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#322D28): quiet, heavy and certain.
• Ink (#1F1B0B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Timeworn Amber color palette (#FFF1F6, #E3D69D, #BD8855, #7D5B3A, #2A1D22)
• Hazy Delta color palette (#F7F7E1, #D78F4F, #2F5400, #172D00, #0C1A08)
• Patina Amber color palette (#F1E3C9, #BB8800, #493900, #221900, #080900)
• Weathered Thicket color palette (#FFF2EB, #AF9549, #167C5C, #5C416B, #3F3D36)
• Velvet Chestnut color palette (#E8E3C4, #865000, #182423, #121700, #020300)
• Ancient Olive Orchard color palette (#FFEFE3, #C1AB6B, #68843C, #005F46, #004249)
• Bronze Lantern color palette (#F8F5EE, #D7DDD5, #B6C4BC, #8D6F29, #4C473D)
• Wandering Bronze color palette (#FFF3E6, #AF7222, #5270A9, #365187, #37322C)

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