Cocoa Veranda color palette — #F4E8FF · #9F7E9F · #845758 · #60341D · #331A00

Cocoa takes the lead with Heather close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#F4E8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Heather (#9F7E9F): A luminous, dusty pink — the color of peonies in June.
• Pewter (#845758): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#60341D): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#331A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Patina Driftwood Market color palette (#E7E3F6, #BD97CE, #A6719D, #794D42, #4F2A0E)
• Dusty Station color palette (#F6E3E4, #C29996, #937168, #604217, #2F2500)
• Antique Garnet color palette (#E9D9E6, #8687B6, #6D5789, #6A1D30, #311103)
• Weathered Pewter Quarry color palette (#FAE6EE, #965362, #6C322F, #2E2100, #0B0B00)
• Timeworn Dune color palette (#FBE3DF, #BD8267, #8C6132, #334B00, #002C0A)
• Washed Pewter Courtyard color palette (#D7EEFF, #8A90B9, #824F7A, #37532D, #003F42)
• Gentle Aubergine color palette (#FFE8EC, #A462AD, #9E5600, #71007F, #1F0C00)
• Timeworn Grove color palette (#FFEEE6, #D1C0B6, #A38A71, #6E681B, #3B4200)

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