Cocoa Dune color palette — #FAF4EF · #C9DECC · #A0B78D · #A47880 · #594200

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Celadon Mist (#C9DECC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A0B78D): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A47880): A luminous, dusty red — the color of embers at dusk.
• Deep Olive (#594200): 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 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

• Softworn Bloom color palette (#F7F5ED, #BCE3D9, #9EB794, #669083, #444C00)
• Softworn Garden color palette (#FCF4EB, #D5E4C0, #80AB83, #74709B, #3A3831)
• Ancient Balcony color palette (#FEF1F5, #A2CCB7, #5F8B84, #676279, #415249)
• Powder Delta color palette (#FFF1F3, #E3DAD1, #B0BFF7, #9FB2B1, #5F4947)
• Driftwood Station color palette (#F5F2E8, #CAC59B, #6C8D68, #4D6860, #32312A)
• Muted Lilac Orchard color palette (#FFF1F5, #F7D2CB, #97DEB6, #B680D5, #454740)
• Worn Chapel color palette (#FFF0FD, #E3D7E4, #D5A6E7, #A05C88, #603C35)
• Aged Jade color palette (#FFF4E1, #CEE2A9, #1FAC6F, #975073, #273400)

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