Cocoa Lagoon color palette — #F2E3EB · #98AA9B · #728D84 · #722D00 · #10050C

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F2E3EB): bright and airy, almost weightless.
• Taupe (#98AA9B): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#728D84): A luminous, dusty teal — the color of glacier melt.
• Rust (#722D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#10050C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Basalt Veranda color palette (#D6E3DA, #8CADA4, #619092, #554300, #000D04)
• Softworn Garnet color palette (#F0EAF3, #B09FAB, #768E74, #732247, #0E0513)
• Antique Chestnut Study color palette (#EEE4E8, #AE9B99, #749C92, #964D00, #11050B)
• Ancient Cocoa Quarry color palette (#E6DED9, #C3B9AB, #9B9173, #612900, #030100)
• Antique Drift color palette (#E9E1DA, #A59789, #906828, #442000, #120600)
• Chestnut Terrace color palette (#D8E4DB, #AFCCC3, #8DABAC, #775C07, #17231A)
• Dusty Meadow color palette (#F1F7F1, #CADFDF, #ABC3CD, #997B4E, #353D35)
• Tempered Cabin color palette (#FEEAE6, #A17400, #0F673E, #2E254F, #130630)

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