Dusty Cocoa color palette — #F9E9F0 · #C4D5C4 · #93AE9C · #773B00 · #090004

A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Oat (#C4D5C4): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#93AE9C): A luminous, dusty teal — the color of glacier melt.
• Bronze (#773B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#090004): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Wandering Dune color palette (#F6EAF5, #DFC8D5, #B89DA7, #8A1F25, #070007)
• Worn Basalt Pier color palette (#E1EDE4, #ACC0B6, #7A9991, #4C3900, #000200)
• Washed Villa color palette (#F5ECE7, #A99E8E, #768254, #5C2100, #0A0200)
• Softworn Rust color palette (#EBDFE5, #A7B7B4, #7BA4A9, #B45000, #210B18)
• Dusty Workshop color palette (#D1E7DC, #7E9956, #005F15, #501200, #010100)
• Weathered Navy Field color palette (#FBE6D1, #979158, #47663B, #063057, #05011D)
• Washed Fern Boulevard color palette (#EDF8F5, #CBDDE4, #99C4C8, #416E02, #00100D)
• Ancient Bronze Archive color palette (#CDEAD3, #AB6100, #4B4400, #001F2D, #020100)

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