Dusty Cocoa color palette — #FFF2EA · #DEDCCC · #B8BFCB · #DB9C96 · #714102

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDCCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#B8BFCB): soft and architectural.
• Rosewood Mist (#DB9C96): A luminous, dusty orange — the color of autumn markets.
• Bronze (#714102): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Mallow color palette (#FFF2F0, #E1D9CF, #DCA9CE, #A4B4B1, #5D4945)
• Aged Mustard color palette (#FBF6DD, #CEE5CD, #BCBAC7, #C8AB63, #524F00)
• Basalt Terrace color palette (#F8F5EB, #D3E1CB, #BBAE84, #89794C, #414300)
• Hushed Moss Study color palette (#F6E9DE, #D7B574, #8A9100, #701800, #030100)
• Worn Cocoa Loft color palette (#DBFDFF, #FFEBCF, #E5D5D8, #674200, #241E16)
• Cocoa Summit color palette (#F9F4EE, #DFE0CC, #9C824E, #5E3F00, #221A0D)
• Chalky Tangerine Basin color palette (#FFF3E6, #D3FC9A, #C2E4CE, #EB6A21, #4A3700)
• Tempered Sand color palette (#FFF0F9, #C3EDF2, #E1DDAB, #9F879B, #57474D)

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