Hushed Cocoa Lagoon color palette — #DCFCFF · #FFEEB5 · #E8D7D9 · #624700 · #211E1A

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

The five colors

• Ivory (#DCFCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Custard (#FFEEB5): A whisper-light, dusty green — the color of fresh herbs.
• Silver (#E8D7D9): bright and airy, almost weightless.
• Bronze (#624700): A full-bodied, balanced gold — the color of old brass.
• Onyx (#211E1A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Hushed Cocoa Lagoon 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

• Seafoam Balcony color palette (#EBECFF, #63FEB3, #D6CFC5, #2D3B00, #161811)
• Aged Chestnut Coast color palette (#FFD7F1, #B0E5FF, #FFC795, #87571F, #322E29)
• Antique Villa color palette (#FBF5E3, #CCC869, #92B1D9, #957599, #34322B)
• Mustard Thicket color palette (#EEDFFB, #85D8FF, #F4AB19, #253926, #141914)
• Patina Chartreuse color palette (#FFE0ED, #BDDCFF, #6BEA00, #2C2D0F, #0B0B02)
• Weathered Lime color palette (#C3ECFF, #69E9DF, #B7CA47, #294B4D, #29322F)
• Weathered Taupe color palette (#F5F6EE, #D4DDD6, #B1B7C0, #99B194, #4E4E46)
• Hushed Orchard color palette (#F7F5EC, #F4FCBC, #61C3AA, #999F6A, #1A2115)

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