Cocoa Veranda color palette — #FCF2F7 · #B5B17E · #79401A · #47230C · #2D1B25

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Sage (#B5B17E): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#79401A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#47230C): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2D1B25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, 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

• Softworn Garnet color palette (#F9F2FD, #9BB893, #763B54, #461F30, #251F29)
• Bronze Corridor color palette (#FFF1F7, #DAC18E, #A35E22, #5E3819, #2A1E23)
• Fern Harbor color palette (#EBF9F2, #9AB896, #555515, #313000, #13261E)
• Sunlit Terracotta color palette (#FCF2F7, #DD9E7B, #008363, #974400, #09292B)
• Straw Study color palette (#FEF3EB, #E3D88D, #C08567, #69615C, #291F19)
• Ancient Amber color palette (#E8FAF3, #D49146, #444E00, #242A00, #012118)
• Wandering Amber color palette (#D3EDD4, #B38D00, #503500, #261700, #090900)
• Twilit Chestnut Coast color palette (#DEF5E9, #805400, #292832, #171500, #030200)

Browse the whole catalog at Explore, or see today's palette.