Cocoa Lagoon color palette — #EDDDE9 · #82556A · #6C3641 · #2D1B00 · #0B0700

Cocoa takes the lead with Graphite close behind in a set that reads as sophistication at first glance.

The five colors

• Shell Pink (#EDDDE9): A whisper-light, dusty pink — the color of peonies in June.
• Graphite (#82556A): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#6C3641): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#2D1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication. Tagged vintage, retro, 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

• Softworn Bronze color palette (#F6E1E2, #A55948, #673413, #222500, #030B00)
• Aubergine Canyon color palette (#E6E9FD, #6F6094, #532C67, #3C0E15, #150200)
• Garnet Grove color palette (#E1E6FB, #7D6590, #6D2D40, #00362C, #00221E)
• Softworn Chapel color palette (#E2E8FF, #B385C4, #934459, #003E31, #000F0B)
• Wandering Drift color palette (#EEDEEA, #C9789C, #985761, #5B3900, #312500)
• Midnight Workshop color palette (#F2D6DD, #B03465, #6A0037, #27000F, #040001)
• Hushed Chestnut color palette (#ECD9D3, #BC8578, #8A5523, #3B3A33, #092500)
• Cellar Aubergine color palette (#EDDDE2, #86004D, #5D3200, #34007C, #040001)

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