Cocoa Veranda color palette — #FFF1F6 · #F2BEC8 · #CA8A8D · #995D56 · #733220

A conversation between Rust and Walnut, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Oat (#F2BEC8): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#CA8A8D): A luminous, dusty red — the color of late-summer berries.
• Walnut (#995D56): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#733220): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Cocoa Meadow color palette (#FFF3E7, #E7ACB1, #B68477, #74723F, #71331B)
• Worn Orchard color palette (#FFF1F5, #DEC1E8, #B78DB3, #945A82, #692B4A)
• Misty Field color palette (#F5DFDB, #EF8158, #B65700, #713D00, #341E00)
• Patina Coral color palette (#FFEDE8, #D38089, #834528, #413531, #281F1E)
• Ash Dune color palette (#FCF3F2, #DFD8D3, #B1AFA6, #B98CA3, #5B4F4F)
• Tempered Ember Atelier color palette (#FFDBDB, #FF9387, #E45A29, #944000, #532B00)
• Sunlit Amber Studio color palette (#F2DDD1, #C77500, #855700, #4F3900, #191300)
• Worn Driftwood Field color palette (#FFF2EC, #E8D1C2, #BAAA98, #88843B, #485101)

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