Washed Cocoa Lagoon color palette — #FBF4EA · #C4E1CC · #B5B086 · #977D89 · #564400

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B5B086): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#977D89): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Washed 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 Corridor color palette (#F5F7EA, #C0EBCF, #73AB9F, #8D6E69, #2E3F00)
• Cocoa Balcony color palette (#FFF1F1, #EBD5D0, #EBA0AC, #AC716C, #783D1A)
• Tempered Lagoon color palette (#F9F4EE, #C0E0E4, #9ECEC6, #63A089, #385546)
• Aged Drift color palette (#EFF8F1, #A9CAB9, #768A50, #60647E, #415249)
• Patina Orchard color palette (#FFF2EE, #F3D4C5, #91DBDB, #CC8285, #314F32)
• Timeworn Bronze color palette (#FFF2EC, #E2D9D0, #E2A296, #995D51, #401910)
• Mint Summit color palette (#FFF2ED, #FFB6B0, #99CA98, #87A2D8, #3E3633)
• Patina Summit color palette (#F8F6E8, #D0D4A9, #569B75, #7F5759, #282A0A)

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