Cocoa Veranda color palette — #FFF0F7 · #F2D2E4 · #E2A4CA · #9D6575 · #773D18

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#F2D2E4): A whisper-light, dusty pink — the color of neon signs at night.
• Carnation (#E2A4CA): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#9D6575): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#773D18): A full-bodied, balanced orange — the color of autumn markets.

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

• Worn Villa color palette (#FFF1F2, #EDD4CF, #E6A08F, #A27154, #6C4600)
• Wandering Quarry color palette (#FFDCE4, #D7A6D1, #B56696, #7D415D, #50302A)
• Weathered Lilac Thicket color palette (#D8FFF4, #E7E2F2, #B1A4E2, #8D6D98, #694546)
• Ember Corridor color palette (#FFF0FC, #FFA7C2, #D46457, #974408, #432B00)
• Timeworn Stone Lantern color palette (#FFF1F1, #E2DAD0, #D4AFC2, #9FB4AC, #614A43)
• Wandering Workshop color palette (#FCD0FF, #ED7BAF, #C9425E, #8D2600, #381D00)
• Hushed Fern color palette (#FFF1F0, #FBD1CF, #A0DBBF, #C781A0, #394F09)
• Wandering Amber Station color palette (#FFEAEA, #FF9D72, #B77500, #6B5300, #212C00)

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