Dusty Cocoa color palette — #FFEEE4 · #DDDFC3 · #A8D0B3 · #B08883 · #5A3600

Built around Cocoa, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#DDDFC3): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A8D0B3): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#B08883): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5A3600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Wandering Ash Grove color palette (#FFEDEB, #E1D8C9, #B1B3BD, #AA8A95, #44322C)
• Bronze Dune color palette (#FFEEE2, #CFB796, #AD7446, #6C5048, #312C1A)
• Bronze Courtyard color palette (#F7F2DF, #B8F6EE, #85D7E9, #9C6A34, #35362F)
• Celadon Basin color palette (#FFEFDD, #DDFA92, #5BCCAB, #AC5859, #342A00)
• Airy Pier color palette (#DBE3C3, #4DB887, #0089B3, #4C3500, #000C04)
• Wandering Blush color palette (#FFDCDE, #7FD9FF, #FF99A3, #392924, #201614)
• Washed Moss Workshop color palette (#F9E2CE, #8F8800, #007652, #5F0821, #030100)
• Dusty Moss color palette (#F8F1E1, #A2973A, #807CAD, #775166, #282214)

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