Muted Cocoa Terrace color palette — #FBF4EA · #C2E2CD · #B0B289 · #947E8B · #554500
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Celadon Mist (#C2E2CD): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B0B289): A luminous, dusty green — the color of a quiet forest floor.
- Gray (#947E8B): A luminous, dusty pink — the color of neon signs at night.
- Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Muted Cocoa Terrace 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
- Muted Parchment Ridge color palette (#FCF4EB, #CFEAC0, #A2A076, #876D7D, #3B3831)
- Patina Courtyard color palette (#EFF7F4, #C4E7DD, #A1C099, #79A2AD, #3C524D)
- Timeworn Ash Quarry color palette (#FFF1F3, #FED6FE, #C2D594, #B885B9, #47463F)
- Softworn Grove color palette (#F0F8F0, #A7CAB9, #6D8C57, #5C657D, #405249)
- Weathered Terrace color palette (#FFF1F4, #E3D8D2, #DBB6CE, #A3B2AE, #614A4C)
- Patina Grove color palette (#F3F2EA, #C9C59D, #6D8E5D, #556753, #32312A)
- Mallow Harbor color palette (#FFF0FB, #E3D7E4, #CDA8DF, #996F98, #664545)
- Forest Terrace color palette (#F0DFC3, #8C954E, #215C17, #2D2053, #010100)
Browse the whole catalog at Explore, or see today's palette.