Cocoa Lagoon color palette — #F8F5EE · #E0E0CD · #928653 · #594200 · #1F1B10

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Bone (#E0E0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#928653): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1B10): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Wandering Lagoon color palette (#F1F8EC, #ECDEBC, #2E886C, #004332, #0C1206)
• Washed Taupe Veranda color palette (#EFF8F2, #EFDCAF, #B19E57, #527760, #262D29)
• Washed Amber Market color palette (#EAF2DA, #D39157, #004829, #1D292C, #000B04)
• Antique Dune color palette (#F6F1E7, #DBC081, #6C6138, #34312A, #17130D)
• Moonless Basin color palette (#F2ECD9, #9E7120, #1D1D00, #0A0C06, #010100)
• Amber Chapel color palette (#F8F5EE, #C9DECB, #57C0CE, #AF9937, #162219)
• Ancient Pewter color palette (#F5F6EB, #A1C99D, #4597B0, #8A5185, #282010)
• Aged Basalt color palette (#FFF2EA, #D3E5B6, #60B3A7, #94607B, #3D4400)

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