Muted Cocoa Lagoon color palette — #FAF4ED · #C5E0CC · #9FB78D · #987C8E · #564400
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C5E0CC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9FB78D): A luminous, dusty green — the color of new leaves after rain.
- Heather (#987C8E): A luminous, dusty pink — the color of a candy shop window.
- 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 Muted 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
- Patina Taupe color palette (#FCF4EA, #D8E2BF, #90A777, #8D6A80, #3B3831)
- Fern Lantern color palette (#F6F6ED, #BAE3DD, #7EBCB4, #65917F, #3C4E05)
- Washed Lagoon color palette (#EFF8EF, #A2CCB8, #5C8C82, #5E657A, #42514A)
- Wandering Wisteria Harbor color palette (#FDF2F4, #F8D9FF, #B6D996, #BB80C8, #47473F)
- Aged Villa color palette (#F4F2E8, #C9C5A1, #728C62, #586656, #32312A)
- Antique Veranda color palette (#FFF1F4, #E3D9D2, #B3B8E8, #A4B3AF, #604B4C)
- Washed Emerald Orchard color palette (#FBF5E5, #CAE3AC, #39AA68, #745E96, #233500)
- Aged Driftwood Meadow color palette (#FFF0FB, #E3D8E4, #C69EDF, #A166A2, #6C4444)
Browse the whole catalog at Explore, or see today's palette.