Cocoa Veranda color palette — #D5FFF9 · #FFEADA · #D9D0D8 · #5F3500 · #221E1B

A conversation between Bronze and Honeydew, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#D5FFF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cream (#FFEADA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Silver (#D9D0D8): bright and airy, almost weightless.
• Bronze (#5F3500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#221E1B): quiet, heavy and certain.

Feels like: 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

• Chartreuse Corridor color palette (#D5F4FF, #BCF424, #E9D7D1, #3C3B34, #19180E)
• Weathered Apricot color palette (#DDDFF1, #5DE3E4, #FF9E7E, #402B39, #1C151A)
• Ancient Chestnut color palette (#EFEFFF, #A9E7FF, #FFC6A4, #8B5525, #38312B)
• Hazy Honey color palette (#F8EEFF, #61FFE0, #FFC556, #3E2A00, #120A01)
• Weathered Honey color palette (#FDF4E9, #F2B767, #72BBD1, #7E7CA9, #36312B)
• Worn Mustard color palette (#FCF4E7, #D4AE44, #3E9FC1, #6F5D82, #32231B)
• Tempered Station color palette (#FAF4EC, #DEE0CB, #96BB88, #B5945B, #1F1F15)
• Airy Market color palette (#FFD8E7, #C0DF7F, #F9AC41, #294D43, #2C332B)

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