Cocoa Veranda color palette — #F6F7D3 · #C9DCBE · #89C4E1 · #AE9184 · #773D15

Built around Bronze, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Custard (#F6F7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#C9DCBE): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#89C4E1): A luminous, dusty blue — the color of open sky before noon.
• Taupe (#AE9184): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#773D15): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, 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

• Cocoa Veranda color palette (#F0F9E3, #C6E0DA, #D7BBD9, #B29C87, #684700)
• Weathered Driftwood color palette (#FFF3E5, #DDD4B2, #A9BD97, #A6819D, #5F453D)
• Pale Azure color palette (#D9F5E0, #79D2CF, #35A1F6, #A67153, #5C3300)
• Antique Archive color palette (#F8F6E7, #B7E2BB, #73BDA7, #98916B, #404800)
• Fern Bloom color palette (#DBF2DB, #A2CBCF, #C59CB2, #8F844E, #474D00)
• Weathered Pier color palette (#B9F3EB, #97D3EE, #9BAAFB, #AB7E3B, #4D4B44)
• Timeworn Ash color palette (#E2FBFF, #9CCDDF, #7DAAC1, #6A738D, #4B4C5F)
• Washed Aqua Garden color palette (#FDF3EE, #BEF0E6, #66CCF2, #5FA98D, #245147)

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