Cocoa Veranda color palette — #FAF4EB · #DEDFCB · #99825A · #5F3F00 · #211A10
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#99825A): A luminous, dusty gold — the color of old brass.
- Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#211A10): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Wandering Delta color palette (#F5F6EB, #EDE9B1, #63805A, #3A3B00, #101005)
- Aged Pewter Lantern color palette (#F9F4ED, #F2DAB4, #B39A76, #806942, #332A1C)
- Ancient Lagoon color palette (#F0F0D9, #B2A43D, #2B4500, #1D2728, #040A00)
- Patina Chestnut color palette (#EDF4ED, #A8CFB1, #7C5B18, #1F3823, #0F1610)
- Muted Mustard Villa color palette (#FBF4E9, #D0B66A, #57A282, #935D64, #322214)
- Moonless Pier color palette (#F4E7CE, #987400, #231A00, #0C0C06, #020100)
- Mustard Basin color palette (#FAF5E4, #D1BA65, #545500, #1A1A00, #020100)
- Washed Lagoon color palette (#FAF5E4, #CAE8B4, #82AE90, #4A7A8E, #404300)
Browse the whole catalog at Explore, or see today's palette.