Muted Cocoa Canyon color palette — #FAF4EE · #CCDDCC · #ABB487 · #967D92 · #5B4100
Built around Bronze, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4EE): bright and airy, almost weightless.
- Silver (#CCDDCC): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#ABB487): A luminous, dusty green — the color of fresh herbs.
- Heather (#967D92): A luminous, dusty pink — the color of peonies in June.
- Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Muted Cocoa Canyon 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 Fern Loft color palette (#F7F5EE, #B9E5DA, #81BDAA, #708E7D, #444C00)
- Tempered Driftwood Alley color palette (#F0F8F1, #AACAB8, #638B7E, #4F6A79, #405248)
- Lilac Pier color palette (#FFF1F5, #F7D2E8, #D4D07D, #AE87CB, #48463F)
- Stone Studio color palette (#FEF1F6, #E4D8D3, #CFAECA, #AEB6AE, #5E4C4F)
- Weathered Thicket color palette (#F9F4EF, #C5DEED, #C5BDF5, #5E9EA3, #5D4554)
- Lilac Pier color palette (#FFEFFF, #E1DAE7, #B9A5FC, #916E9D, #614246)
- Moss Station color palette (#FFF4E1, #D6E09C, #45AC33, #696397, #2E3206)
- Mustard Orchard color palette (#FFF1F6, #D6BEFF, #B8C36C, #7AB184, #46313A)
Browse the whole catalog at Explore, or see today's palette.