Cocoa Dune color palette — #FAF4EB · #C4E1CC · #B4B087 · #978078 · #554400
A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#B4B087): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#978078): A luminous, dusty orange — the color of sun-warmed clay.
- Deep Olive (#554400): 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 Cocoa Dune 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
- Washed Mustard Market color palette (#FFF3E7, #FFDEA8, #CBB570, #85804A, #594B00)
- Washed Field color palette (#FDF4E6, #D6E0BF, #97A47A, #956F2D, #3B3831)
- Ancient Driftwood Canyon color palette (#F1F7F2, #A1CCB8, #77885D, #735E72, #41514A)
- Fern Summit color palette (#FAF5E7, #C0E1D3, #D4BE9A, #AEB1C0, #594F00)
- Muted Study color palette (#FCF5E4, #F2E7A9, #BCC9FE, #A69B5F, #563D4F)
- Weathered Harbor color palette (#F9F6E3, #A1C79A, #368860, #734325, #191A00)
- Sand Market color palette (#FBF5E2, #D3D085, #85C5E0, #C391AB, #3B3831)
- Muted Lagoon Pier color palette (#F9F4EE, #C0E0EB, #AAC2EC, #5AA09B, #37544C)
Browse the whole catalog at Explore, or see today's palette.