Cocoa Boulevard color palette — #F7EDDE · #928345 · #5A5500 · #5E2400 · #140F00
A conversation between Espresso and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
- Mocha (#928345): A luminous, balanced green — the color of new leaves after rain.
- Deep Olive (#5A5500): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#5E2400): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#140F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Frosted Fern Alley color palette (#E9E5CF, #728E4F, #246300, #4B3300, #091300)
- Muted Bronze color palette (#FAEDCF, #8A7700, #007575, #514500, #001313)
- Antique Moss color palette (#D2E8D7, #A38E00, #525100, #481C00, #020100)
- Garnet Field color palette (#E5DECF, #806100, #006D38, #8F001F, #0C0700)
- Wandering Olive Chapel color palette (#EDE2D4, #746E00, #244100, #3F0136, #121000)
- Gentle Terrace color palette (#F5EAD4, #B3AE68, #767F00, #8B4500, #332F00)
- Worn Moss color palette (#E7E2D1, #A7B47B, #77A950, #765D00, #1C1C00)
- Olive Coast color palette (#D2E9D2, #A49B27, #508005, #704467, #121000)
Browse the whole catalog at Explore, or see today's palette.