Weathered Cocoa Boulevard color palette — #F1E7D1 · #8C9F70 · #716323 · #643800 · #2F312B
A conversation between Bronze and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E7D1): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#8C9F70): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#716323): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#643800): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#2F312B): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered 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
- Muted Garnet Terrace color palette (#F4E5DA, #AA9374, #8C5332, #6C2D34, #32302A)
- Muted Fern color palette (#F4EFDE, #73935D, #5E5800, #4E2F00, #002C1B)
- Bronze Veranda color palette (#F0E7D4, #ADB386, #91811E, #745511, #31312A)
- Wandering Chestnut color palette (#FFD5ED, #D18A93, #9E4D05, #513E00, #233400)
- Sunlit Garnet color palette (#FFE9DD, #9A6A38, #7B2200, #4F0022, #1C1500)
- Feathered Mulberry color palette (#FEF2F2, #C382A7, #5F6300, #8D0066, #1E1800)
- Charred Fern Veranda color palette (#FDE8C9, #5A5E26, #3A2800, #200900, #000500)
- Timeworn Terracotta color palette (#FFF2EA, #99461E, #564B00, #003C4F, #351906)
Browse the whole catalog at Explore, or see today's palette.