Cocoa Veranda color palette — #FDD6E7 · #B1AE81 · #4E8387 · #794550 · #513E56

Coffee takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FDD6E7): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#B1AE81): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#4E8387): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#794550): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#513E56): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Cypress Atelier color palette (#CAE8CC, #84B2A8, #398185, #744541, #4F3C4C)
• Hushed Jade color palette (#ECF2D7, #7AAD7C, #63765B, #664051, #3A1F23)
• Weathered Olive Studio color palette (#F2DEF7, #BD9F7B, #667C3F, #534E73, #49354D)
• Olive Terrace color palette (#FFF1F6, #A29D70, #417126, #623E4D, #243B2F)
• Driftwood Station color palette (#FBE7C9, #C8C5A7, #97A78D, #9C7086, #5B4038)
• Ancient Ash color palette (#E3FCF4, #ACCDD1, #7494AF, #7A6570, #604F4F)
• Gentle Jade Thicket color palette (#F5F1D4, #5CA97C, #007993, #7C3F20, #513500)
• Muted Delta color palette (#F7E6C6, #6E9558, #006665, #5A2734, #401408)

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