Cocoa Veranda color palette — #FFE3F2 · #D8BCC7 · #B7989E · #9D6C67 · #743D0F

Bronze and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFE3F2): A whisper-light, dusty pink — the color of peonies in June.
• Oat (#D8BCC7): A whisper-light, dusty rose — the color of pressed rose petals.
• Taupe (#B7989E): A luminous, dusty red — the color of late-summer berries.
• Mocha (#9D6C67): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#743D0F): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

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

• Pewter Grove color palette (#E1FCF4, #D7BBD3, #AF94A5, #8E647C, #624641)
• Cocoa Field color palette (#FEEAEC, #DAACA9, #B37C83, #896737, #5C4300)
• Wandering Fern Delta color palette (#FFD8D2, #B0867B, #935C4E, #5D4F10, #262B00)
• Soft Lilac Market color palette (#EBEEFF, #AFA0E0, #A773BF, #954249, #71210A)
• Powder Balcony color palette (#E5F9FF, #BEE0FB, #B0BBE0, #7F9583, #425345)
• Timeworn Field color palette (#ECDFF7, #96696F, #6F3858, #4E1E00, #1F0F00)
• Antique Indigo Station color palette (#FFF0FB, #A5B3F3, #E88194, #6374E2, #662E39)
• Patina Lagoon Basin color palette (#F6F6E9, #C3C9A1, #649F75, #477E6C, #424700)

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