Cocoa Veranda color palette — #F0F5FF · #E7D6E3 · #D199BD · #A86566 · #6A3100

A conversation between Bronze and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#E7D6E3): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#D199BD): A luminous, balanced pink — the color of peonies in June.
• Mocha (#A86566): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#6A3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Hushed Bronze color palette (#F5F3FF, #F4D5D5, #DA9B93, #9D7043, #433B00)
• Aged Crimson color palette (#F5F3FF, #E695D6, #C7455D, #742A00, #1B1300)
• Misty Balcony color palette (#FFF0FC, #C2AFE4, #B06893, #8D414A, #693512)
• Bronze Parlor color palette (#FFF1F6, #FFA191, #B16F00, #4C4700, #0B1D00)
• Tempered Alley color palette (#E1FBFA, #D3DAFF, #C193A5, #417F79, #3C3D53)
• Aged Delta color palette (#F1F5FF, #E4D8E1, #DBB8BB, #7C9198, #41555B)
• Hushed Quarry color palette (#F7F3FE, #DB93C5, #5E4F5C, #2D2933, #0E0F14)
• Washed Peony Parlor color palette (#F5F4FF, #FFBCF6, #E7689C, #A63600, #3A2100)

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