Dusty Cocoa Garden color palette — #FFEEE6 · #DED8C6 · #C4C89C · #A27F76 · #5C2A00

Espresso and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Bone (#DED8C6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C4C89C): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#A27F76): A luminous, dusty orange — the color of sun-warmed clay.
• Espresso (#5C2A00): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Dusty Cocoa Garden 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

• Bronze Dune color palette (#FBF1DB, #CEE3BC, #A0D2AF, #A97B41, #33312A)
• Aged Bronze color palette (#FAF1E0, #BFBE92, #9E7D39, #784E07, #2E2D20)
• Mustard Cabin color palette (#FFEEE4, #FFDBA4, #BFC569, #A55049, #3E2102)
• Aged Driftwood Field color palette (#FDF1FB, #C3F2F1, #E6D7D6, #8C7B9E, #5A4552)
• Antique Archive color palette (#FFF0FA, #E6D6D6, #ADB1A4, #B999B4, #594951)
• Linen Amber Meadow color palette (#F7DDCE, #C37700, #7E6800, #58041A, #040100)
• Muted Mustard Delta color palette (#FFE5CD, #DCBF78, #9AA761, #804736, #2B1A00)
• Ancient Mustard color palette (#F6F1EA, #E3BD7D, #5A916B, #8D6B2E, #15170D)

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