Cocoa Veranda color palette — #FFD8EA · #BC9DD1 · #936D8E · #7D4121 · #403D36

Bronze takes the lead with Mauve close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#FFD8EA): A whisper-light, dusty rose — the color of a warm blush.
• Mauve (#BC9DD1): A luminous, balanced violet — the color of a velvet chair.
• Slate (#936D8E): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#7D4121): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Optimism, Creativity, 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

• Periwinkle Basin color palette (#F2DCF1, #9AA7E0, #8D6679, #694F4C, #5B3600)
• Timeworn Chestnut Terrace color palette (#FFF1F5, #CDA9D2, #957979, #8B5228, #344F4F)
• Ancient Chestnut color palette (#DEE7FC, #BE9AA7, #90676B, #654A00, #2D2A0A)
• Softworn Driftwood Quarry color palette (#E0EBFF, #ACAFCD, #A37B97, #577160, #41502C)
• Softworn Blush color palette (#FFD5DF, #F0898B, #A4715E, #715805, #3B4B2F)
• Aged Alley color palette (#EFE2FF, #A275A8, #794866, #542712, #2A2100)
• Softworn Bronze Corridor color palette (#FFF1F0, #E7C0B9, #A58C82, #886621, #604E00)
• Airy Chapel color palette (#E4DCFB, #B67FF9, #8E4CAF, #693575, #4F3151)

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