Cocoa Veranda color palette — #F5EDE1 · #B9B3A0 · #8E9076 · #593E00 · #100902
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Stone (#B9B3A0): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#8E9076): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#593E00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#100902): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cocoa Veranda 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 Cocoa color palette (#E7EEE7, #AABEB6, #749694, #5C3E00, #162317)
- Worn Olive color palette (#EAE4D5, #A2A288, #708543, #3E3700, #070400)
- Aged Field color palette (#F6F2E2, #D3D7B6, #A0B292, #5B6100, #1E1A09)
- Bronze Garden color palette (#F5F1EA, #D4DAD0, #B4C0B6, #847441, #302C24)
- Weathered Amber Station color palette (#ECE2C0, #E77D00, #8B7D00, #006345, #020500)
- Ancient Bloom color palette (#F7EAD8, #728849, #005D4A, #422247, #210325)
- Pine Grove color palette (#ECECCB, #008F5D, #004F49, #451B15, #050900)
- Worn Atelier color palette (#F5E7D8, #825D00, #124800, #260053, #060500)
Browse the whole catalog at Explore, or see today's palette.