Dusty Cocoa color palette — #FBF4ED · #C8DFCC · #9CB88C · #9A7D83 · #584300

Deep Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C8DFCC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9CB88C): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#9A7D83): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#584300): 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 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

• Antique Lantern color palette (#EEF8F2, #D9E4B2, #A3BF96, #8B9DAB, #3F524B)
• Jade Quarry color palette (#FBF4EC, #EFE7B3, #83AC6D, #8C6B7D, #3B3831)
• Patina Alley color palette (#EFF8EF, #ACC9BB, #5B8C82, #5C657E, #3D5349)
• Dusty Sunflower Loft color palette (#FFF1F1, #FBD1D0, #D7D072, #C880A3, #48463F)
• Hushed Glacier Basin color palette (#FBF3F1, #BEE4E9, #83D9F8, #769D79, #564857)
• Patina Hollow color palette (#FFF1F4, #E3D9D2, #CAABC8, #9FB1AF, #5F4E50)
• Driftwood Coast color palette (#F4F2E8, #C7C5A7, #86873F, #576656, #32312A)
• Patina Quarry color palette (#FAF5E6, #AEDFB0, #00A08C, #7F5852, #272B0D)

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