Cocoa Boulevard color palette — #FFF3E4 · #E9D8A8 · #CEB187 · #A68D77 · #584500

Deep Olive and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E9D8A8): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#CEB187): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D77): A luminous, dusty gold — the color of old brass.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Chestnut Delta color palette (#E9F6EA, #ABC2B0, #6D8C6F, #735029, #1C3224)
• Dusty Dune color palette (#F9E3D6, #EEB38B, #D3886E, #9B6B69, #342F2A)
• Sunflower Villa color palette (#FFEDC4, #C8D165, #B7A444, #9E7934, #2C3B16)
• Mallow Chapel color palette (#FFF1F2, #EFA8DC, #AAC083, #8AA281, #4B3739)
• Weathered Stone Loft color palette (#ECFAEC, #C0E3DF, #9CB79B, #8C7180, #2E453D)
• Amber Courtyard color palette (#FCE2CF, #D28E43, #B36634, #864537, #211300)
• Softworn Moss color palette (#F1ECDB, #A2BE6A, #959423, #7F6922, #252600)
• Softworn Bronze Meadow color palette (#F4EAD9, #908200, #785B00, #5A3600, #050300)

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