Cocoa Veranda color palette — #FEF3EC · #DEB98C · #805139 · #582B00 · #27241D
Built around Espresso, softened by Sand — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FEF3EC): a clean, paper-quiet neutral.
- Sand (#DEB98C): A luminous, dusty gold — the color of old brass.
- Coffee (#805139): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#582B00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#27241D): a grounded near-black with real depth.
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
- Stone Lantern color palette (#FAF4EE, #E7B584, #867F42, #8D6338, #302E27)
- Timeworn Pewter color palette (#FCF3EF, #E7DFB8, #C29087, #8F5E56, #352822)
- Hushed Mustard Courtyard color palette (#F9F5EA, #C9AC54, #5B5300, #302E27, #1A1D10)
- Muted Oat Basin color palette (#FDF1F8, #BADBC0, #927287, #5D4454, #31282E)
- Twilit Chestnut Study color palette (#ECDCCF, #7F5500, #202D2B, #230E00, #060100)
- Ancient Quarry color palette (#FFF4DD, #C9B87B, #84834A, #585F2C, #3B4D17)
- Amber Chapel color palette (#E7DCCE, #B48200, #4A3000, #211300, #060500)
- Aged Amber color palette (#FFF2EA, #C57B58, #6D8953, #725275, #423C37)
Browse the whole catalog at Explore, or see today's palette.