Dusty Cocoa color palette — #F9F4EE · #C4E1CC · #9DB988 · #977D89 · #564400

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB988): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#977D89): A luminous, dusty rose — the color of a warm blush.
• 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 Dusty Cocoa 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

• Tempered Stone color palette (#EDF8F2, #B9EBD5, #8FC2B1, #A394A3, #3F524A)
• Washed Teal Alley color palette (#F6F6E9, #C0E9CF, #50B0AA, #916B6A, #2C4000)
• Dusty Field color palette (#EDF9F0, #ACC8BB, #648A80, #626478, #3D5349)
• Timeworn Coral color palette (#FFF2ED, #F2D4C4, #79DEE6, #CF8182, #374D3A)
• Tempered Cocoa color palette (#FFF2ED, #E0DBCE, #B6BFCB, #D2AB96, #773D17)
• Patina Balcony color palette (#ECDFCD, #939341, #2B5B00, #451539, #010100)
• Aged Lagoon color palette (#F9F5E6, #B3DDAF, #2D9F7D, #765678, #282A0D)
• Apricot Harbor color palette (#FFF2EB, #E3D9D1, #F09F84, #965C4E, #3F2112)

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