Cocoa Lagoon color palette — #FBF4ED · #CCC0A2 · #6F8A61 · #7D596D · #604A00

Built around Bronze, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Sand (#CCC0A2): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#6F8A61): A luminous, dusty green — the color of fresh herbs.
• Graphite (#7D596D): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Aged Terrace color palette (#FAF4EB, #DED0AA, #92A36E, #8E7581, #5F4B00)
• Tempered Dune color palette (#F7F6EC, #A7B690, #2E8182, #724B65, #374A01)
• Softworn Driftwood Canyon color palette (#ECF4ED, #A5CEBA, #798B54, #5A5F7C, #25352D)
• Washed Meadow color palette (#FFF2ED, #D6A19B, #53AAA0, #B24F4A, #3C5536)
• Pine Hollow color palette (#FBF3F1, #CEE5DE, #6EA2B5, #4A7C4F, #5E4B61)
• Weathered Cocoa Garden color palette (#FFF2ED, #E4BBA5, #AE6E68, #7E3733, #52251C)
• Stone Terrace color palette (#FFF1F6, #BDEAD1, #A4BF97, #9399AF, #425149)
• Misty Station color palette (#FFF3E3, #9FA974, #007F3E, #574186, #383F0A)

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