Worn Cocoa Veranda color palette — #F2F5FF · #ACADCF · #877FA7 · #86534B · #713614

Built around Bronze, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Mauve (#ACADCF): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#877FA7): A luminous, dusty violet — the color of twilight just after sunset.
• Coffee (#86534B): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#713614): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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 Pewter color palette (#E3EFFF, #B1BAD1, #8085A9, #6E5877, #623E49)
• Aged Veranda color palette (#FFF0FC, #D0D0FE, #D6A9BB, #AA867E, #7E4023)
• Pewter Harbor color palette (#F9F2FF, #B8AABC, #92768F, #726137, #3C564A)
• Weathered Cocoa color palette (#FCE4FC, #C189A9, #925467, #6E4000, #4D3800)
• Grape Parlor color palette (#F3F4FF, #A993C9, #C86C4D, #7A47B0, #67301E)
• Bronze Atelier color palette (#E0FEE9, #DABFD7, #AF95BF, #857128, #545602)
• Tempered Aubergine color palette (#DBE7FF, #9B9FDB, #7664BD, #61409A, #55436B)
• Driftwood Delta color palette (#FDE4FB, #B07665, #734628, #353A00, #002B1F)

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