Cocoa Lagoon color palette — #F7EDF2 · #9EAF9D · #6C8774 · #5A2700 · #1E0E17

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

The five colors

• Blush (#F7EDF2): a clean, paper-quiet neutral.
• Sage (#9EAF9D): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6C8774): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#5A2700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#1E0E17): A deep, shadowed, dusty rose — the color of a warm blush.

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 Field color palette (#D7E5DC, #96B0A7, #5B8A82, #413700, #07180F)
• Ancient Chapel color palette (#E8DBE7, #B8A2B0, #977482, #6C0119, #1A1019)
• Aged Station color palette (#EEE2DA, #BCB3A6, #9E957A, #863800, #200F03)
• Fern Study color palette (#E5F2EB, #BED1CB, #85A9A5, #5B5712, #25312B)
• Hazy Olive color palette (#DDECE4, #5D7600, #0C4402, #450700, #0C1200)
• Patina Bronze Balcony color palette (#EEE2D7, #847300, #2B5107, #102F4B, #1D1231)
• Worn Olive Harbor color palette (#EEF8F6, #CFDFE6, #B1C4D1, #5E7F55, #3D4B49)
• Ember Loft color palette (#F8E2CB, #ED4100, #8E5E00, #4A4F00, #0D0800)

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