Cocoa Veranda color palette — #FBF4EB · #DAD0B8 · #A39C79 · #967184 · #604A00

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Oat (#DAD0B8): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A39C79): A luminous, dusty green — the color of fresh herbs.
• Mocha (#967184): A full-bodied, dusty rose — the color of a warm blush.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Fern Garden color palette (#F8F5ED, #D6D2B3, #9B9F7A, #5A887B, #574E00)
• Timeworn Fern color palette (#F5F7E8, #BECAA4, #51A08C, #906272, #3A4900)
• Bone Balcony color palette (#EFF8F0, #B8EDD2, #8DB9AA, #808599, #3B4B42)
• Cocoa Veranda color palette (#FFF2ED, #E0D9CE, #9ABDCE, #C68FA3, #7C411D)
• Coral Balcony color palette (#FFF2EE, #E9B4B9, #72C2B9, #CA6B79, #3D5438)
• Aged Terracotta Delta color palette (#FFF2ED, #FDC8C4, #D08D83, #9B504D, #542A27)
• Antique Villa color palette (#FFF4DE, #BAC180, #67972F, #7C588F, #3B3E12)
• Muted Studio color palette (#EBE1D2, #7E7639, #3F4C00, #361857, #070600)

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