Cocoa Veranda color palette — #EBFAED · #8AB29C · #856F48 · #6F472B · #21453B
Coffee takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Ivory (#EBFAED): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8AB29C): A luminous, dusty teal — the color of sea glass.
- Walnut (#856F48): A full-bodied, dusty gold — the color of honey in a jar.
- Coffee (#6F472B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Forest (#21453B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Timeworn Quarry color palette (#EBFAED, #A9C6B2, #A38C61, #886028, #2A4436)
- Softworn Grove color palette (#FFF0F9, #C499A9, #98644E, #6F4446, #304234)
- Worn Cocoa Orchard color palette (#FAF0E2, #BCA985, #887146, #654516, #2A220C)
- Forest Ridge color palette (#FFEFE1, #BFAF6F, #767F33, #176231, #004A3E)
- Hushed Taupe Villa color palette (#FFF3E3, #D8D3A4, #C9A76A, #A57E65, #453E00)
- Wandering Chestnut color palette (#DBE6DB, #958849, #734D00, #592600, #002C21)
- Timeworn Study color palette (#FEF1F6, #DBA074, #108451, #8D4C0D, #0F2929)
- Washed Bronze color palette (#ECF9EE, #9F7B30, #2B7E83, #005B79, #263829)
Browse the whole catalog at Explore, or see today's palette.