Cocoa Veranda color palette — #FCF3EE · #C5C997 · #976254 · #643225 · #2D1E16

Cocoa and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Pistachio (#C5C997): A whisper-light, dusty green — the color of a quiet forest floor.
• Walnut (#976254): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#643225): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2D1E16): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Weathered Basalt Loft color palette (#FFF1F2, #A6D1AA, #925E80, #602E50, #2C1D1E)
• Dusty Cocoa color palette (#FBF4EB, #E2CEAB, #95784E, #6A4400, #312A22)
• Muted Straw Hollow color palette (#FDF1F9, #EAEB9F, #A56153, #492E43, #160C13)
• Dusty Quarry color palette (#FDF1F8, #C5AB76, #83380E, #48220F, #2A1D24)
• Mustard Balcony color palette (#FCF5E1, #E8AF5A, #746B00, #413C00, #231900)
• Weathered Bronze Chapel color palette (#F0E7D7, #946D0F, #372900, #1B221B, #090500)
• Gentle Mustard Parlor color palette (#F9E0C8, #C6AA00, #844B00, #452500, #1B0B00)
• Airy Rust color palette (#FAF4F0, #F7B199, #40A388, #D2501D, #1E2815)

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