Cocoa Veranda color palette — #FFF2EA · #DBC7AF · #B5947E · #906A61 · #5A4400

A conversation between Deep Olive and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#DBC7AF): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B5947E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#906A61): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Driftwood Station color palette (#FFF2EB, #D4B89B, #B87F6D, #8A5964, #403D36)
• Cocoa Quarry color palette (#FDEDDA, #A5A16D, #91692A, #79371C, #162B02)
• Softworn Turquoise color palette (#EBFAEE, #5CBCC6, #AC9A63, #897946, #324235)
• Chestnut Garden color palette (#E8E0CF, #7F9658, #716000, #5B3200, #001C0B)
• Wandering Lilac color palette (#FFF1F4, #B695CF, #B07585, #936149, #2C3C2F)
• Chalky Garden color palette (#E9DCD4, #A07426, #843A00, #5B0E1E, #0D0C00)
• Timeworn Coast color palette (#EEF8F5, #EFC7B5, #5B887C, #33554C, #222E2B)
• Muted Cerulean color palette (#EFF8F2, #B2DDC4, #C7859E, #3E9AB2, #392928)

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