Dusty Cocoa color palette — #FAF4EE · #C8DECD · #B0B28B · #9D7A8D · #574300

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 (#FAF4EE): bright and airy, almost weightless.
• Silver (#C8DECD): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B0B28B): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#9D7A8D): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#574300): 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

• Softworn Studio color palette (#F1F7F2, #C7E6D6, #ABBE84, #9498B2, #405249)
• Hushed Hollow color palette (#F7F6EA, #C3E9CF, #57AEAE, #8F6881, #2F3F00)
• Washed Pier color palette (#FFF2EE, #E0DBCE, #D7A4CD, #ABABB5, #753F0E)
• Tempered Stone Corridor color palette (#FFF1F5, #C7C394, #5F8B84, #5E657B, #3F5248)
• Dusty Rust Orchard color palette (#FFF1F4, #F2D2D3, #E190A5, #BD685A, #504A44)
• Hushed Villa color palette (#F8F1E5, #C9C694, #8E853C, #705A64, #33312A)
• Aged Coral color palette (#FFF2EC, #F0D6C1, #91DDCF, #D67E72, #155148)
• Hushed Terracotta color palette (#FFF2ED, #E1D8D0, #E09A8C, #975047, #461E1A)

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