Cocoa Boulevard color palette — #F7F1E5 · #A8A272 · #666926 · #6A3800 · #251B00

Built around Bronze, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Sage (#A8A272): A luminous, dusty green — the color of new leaves after rain.
• Olive (#666926): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6A3800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#251B00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Amber Atelier color palette (#F4E9D9, #C0902E, #806200, #473A00, #201E00)
• Washed Boulevard color palette (#F2F4E1, #7BAE87, #267552, #584300, #1A1F04)
• Amber Coast color palette (#F3E8CF, #A5912B, #008E8F, #635400, #002122)
• Hushed Mint Studio color palette (#FBF2D3, #DFDAAE, #8EBA87, #807332, #2D280B)
• Patina Garnet color palette (#EDF9EF, #77A794, #486E41, #6B3657, #1C3D31)
• Antique Driftwood color palette (#FFF3E4, #D2D59D, #729661, #7E5759, #2E270E)
• Antique Loft color palette (#EDE6D4, #797E38, #3B4B00, #3F2100, #0B0700)
• Timeworn Olive Villa color palette (#E6DEC4, #867F00, #008167, #8E4125, #1A1300)

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