Cocoa Veranda color palette — #FFF2EB · #E2D5BA · #BCC096 · #B68A98 · #704842

Coffee and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#E2D5BA): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#BCC096): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B68A98): A luminous, dusty rose — the color of a warm blush.
• Coffee (#704842): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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 Bloom color palette (#FFF2F0, #F1CEBB, #C8B799, #7799C3, #5E464F)
• Linen Driftwood Cabin color palette (#FFEEC6, #AFD7A7, #68BAB2, #B86680, #733C17)
• Ancient Harbor color palette (#F7F6E9, #D0DABA, #6EBDB0, #BA7E79, #3B4900)
• Ancient Cerulean Station color palette (#E0FCF9, #AEC9C9, #83A8AE, #5E7D99, #425065)
• Timeworn Ridge color palette (#FCF7D4, #C7E3C3, #8BBF9D, #578B9B, #2F5448)
• Faded Blush color palette (#F1F9E0, #88D1A3, #C4A1F2, #E17EBE, #373932)
• Antique Terracotta color palette (#EEEED2, #7FB394, #428C9C, #A14943, #362100)
• Aged Villa color palette (#E9DDD4, #9D986C, #448E5D, #743C7E, #3D0D1B)

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