Cocoa Lagoon color palette — #E8FFC2 · #FFE8E6 · #D2CDD8 · #73361B · #281C17

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

The five colors

• Custard (#E8FFC2): A whisper-light, balanced green — the color of new leaves after rain.
• Rose Water (#FFE8E6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Oat (#D2CDD8): bright and airy, almost weightless.
• Rust (#73361B): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#281C17): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns 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

• Ancient Veil Parlor color palette (#FFE5F7, #D4E2D2, #CDBBCA, #5F4547, #312424)
• Muted Straw Ridge color palette (#D3F5FF, #FFD968, #E8D5D5, #36322C, #1A160F)
• Worn Balcony color palette (#FFF2EB, #EEB3A0, #73BEB5, #5684BC, #512300)
• Seafoam Meadow color palette (#EFF2FF, #7FFFBA, #FFBFA0, #542000, #1C0900)
• Patina Shell color palette (#F0F5FF, #B5E4FF, #FFBFD3, #755A57, #3C3231)
• Antique Chartreuse color palette (#C2ECFF, #72EF93, #FFA099, #534347, #372F36)
• Softworn Amber color palette (#FBF4EF, #E1DBCF, #9ABA7D, #D58159, #201F10)
• Petrol Workshop color palette (#FCF3ED, #DAA98D, #4BA0A1, #4662A0, #301C1A)

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