Cocoa Veranda color palette — #FBF1D9 · #A2B384 · #7D7744 · #684300 · #222512

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

The five colors

• Cream (#FBF1D9): A whisper-light, dusty gold — the color of old brass.
• Sage (#A2B384): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7D7744): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#684300): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#222512): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Corridor color palette (#FCF0E4, #CCB98E, #9E7B5A, #814721, #312C1C)
• Muted Parlor color palette (#FCE6C1, #A9A617, #866600, #62380C, #122100)
• Washed Pewter Terrace color palette (#E8FBF0, #9AAF84, #7C7440, #6A4A27, #234443)
• Muted Moss color palette (#F9EDD3, #7F8F42, #635500, #462A00, #0E1000)
• Tempered Chestnut Orchard color palette (#F4DBCC, #BC8D65, #964D34, #5D2D33, #211604)
• Ancient Apricot color palette (#F0F4E9, #E1A667, #246343, #222B09, #0A0E03)
• Hushed Courtyard color palette (#F1F3EA, #6FCA8A, #007EB3, #297645, #03120D)
• Emerald Station color palette (#EFF5DD, #379D55, #9F5C80, #6F415A, #181C06)

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