Dusty Cocoa color palette — #FAF5E9 · #DDE1CA · #908756 · #594300 · #1F1B11

A conversation between Deep Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Celadon Mist (#DDE1CA): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#908756): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#1F1B11): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Sand color palette (#F1F8E9, #FFE2A5, #448569, #373A33, #0C1106)
• Worn Ridge color palette (#F8F5ED, #F3DAB7, #AE9D74, #846920, #2F2B22)
• Softworn Marigold color palette (#EBF2D7, #CB9900, #004923, #1D282B, #000B03)
• Chestnut Quarry color palette (#EDF4F0, #ACCDB0, #6B6230, #173928, #081810)
• Washed Villa color palette (#FBF5E4, #D0C858, #8DB2D8, #91779A, #34312B)
• Inked Bronze color palette (#F4EEDB, #9A7300, #1D1D00, #0A0C06, #010100)
• Ancient Celadon color palette (#F7F5EC, #F6FDA8, #73BFB3, #9B9F67, #1A2018)
• Aged Honey Grove color palette (#F5F7E5, #F2CA75, #44703F, #142F11, #040400)

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