Dusty Cocoa color palette — #FFF2ED · #E0DACE · #DFA9B9 · #9CB2B3 · #783D19

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rosewood Mist (#DFA9B9): A luminous, dusty rose — the color of strawberry cream.
• Ash (#9CB2B3): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#783D19): A full-bodied, balanced orange — the color of autumn markets.

Feels like: 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

• Bronze Alley color palette (#FAF4EB, #D9E0C6, #C0AB8A, #9F6F36, #4A3F00)
• Cocoa Meadow color palette (#CAFBEE, #FFE9DC, #D7CFD7, #6F3C02, #2B221B)
• Misty Garnet Ridge color palette (#F9D9C8, #E2B287, #AF8E2E, #81072D, #030100)
• Cobalt Grove color palette (#FBF4EC, #E9B986, #6EBCCD, #6F7EB7, #36312B)
• Bone Grove color palette (#FEF0FC, #C4E8C6, #E7D6D7, #93819A, #574A53)
• Powdered Jade color palette (#FFF3D2, #C4D69E, #26BB78, #694600, #040400)
• Weathered Cocoa color palette (#FAF4EF, #DFE1CD, #A27D60, #603D1E, #211A12)
• Faded Pier color palette (#FFF2EA, #FAF5A0, #DEDDCB, #F47174, #532E06)

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