Cocoa Veranda color palette — #DDFFE8 · #FFEFA9 · #FFD0CA · #602506 · #211814

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

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Butter (#FFEFA9): A whisper-light, balanced green — the color of a quiet forest floor.
• Shell Pink (#FFD0CA): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#602506): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#211814): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Weathered Cocoa Meadow color palette (#FFECCA, #C7F9E9, #C2D4EF, #5B3C00, #25211B)
• Hushed Field color palette (#FFF2EE, #EADCB9, #9E636A, #502E25, #190B07)
• Muted Chartreuse Thicket color palette (#FFEDF4, #E6ED00, #FFC18D, #39220A, #1A0C02)
• Aged Hollow color palette (#FFF2EC, #EBDCB4, #C79152, #835F18, #423200)
• Blush Parlor color palette (#FFF2EE, #FD8B99, #AE9E51, #716C9A, #31201B)
• Weathered Chartreuse color palette (#D6F0ED, #25F43B, #F9A80F, #321E00, #0D0500)
• Aged Coral Bloom color palette (#FFF2EC, #EC8371, #89832A, #6C5182, #2B1715)
• Washed Blush color palette (#D3E6F0, #CEBE44, #FF73B5, #381E2E, #19111E)

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