Cocoa Lagoon color palette — #F8D5E8 · #793100 · #332900 · #021A01 · #15000A

Built around Rust, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8D5E8): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#793100): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#021A01): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#15000A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Lowlit Garnet color palette (#FFDEF5, #861B00, #1F3000, #00131A, #030005)
• Cocoa Bloom color palette (#DAEDDC, #624400, #1E3100, #001914, #170000)
• Patina Grove color palette (#FBEBF3, #6E6619, #5D2700, #332815, #110500)
• Mulberry Hollow color palette (#FAE8FF, #8A003F, #451E00, #171400, #100019)
• Rose Drift color palette (#FCD8C9, #FF4B4D, #C14B00, #683D00, #140400)
• Hushed Canyon color palette (#FCE0CD, #A56D00, #614F00, #00351E, #001D21)
• Feathered Brick Harbor color palette (#F3E1D8, #B82800, #2E5000, #002B3B, #130013)
• Hushed Pine color palette (#CAF2EF, #007F58, #004234, #311E00, #00140B)

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