Softworn Cocoa Drift color palette — #FFF2ED · #E0D9CE · #9CB6CC · #D0919A · #7F4223

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Ash (#9CB6CC): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#D0919A): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7F4223): 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 Softworn Cocoa Drift 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

• Dusty Ash color palette (#FFF1F0, #E1D8D0, #ACAF99, #C297B7, #5C4744)
• Antique Villa color palette (#FFF4E1, #D9E0C6, #A9CFAB, #C19356, #5C4400)
• Aged Cobalt color palette (#FFF1F0, #D694B1, #67A3CB, #6476B8, #4B3736)
• Cocoa Studio color palette (#FBF4EB, #DAC8AC, #B19772, #926C43, #5D4300)
• Moss Parlor color palette (#F9ECCD, #B0B581, #72A729, #745400, #1B1800)
• Mulberry Boulevard color palette (#FEEBE3, #CE9179, #B56B25, #950030, #190200)
• Ember Balcony color palette (#FFF2EA, #E6DAC1, #FCC070, #CE6051, #63361A)
• Tempered Bronze Villa color palette (#FDF3EB, #E7CCAD, #A66F3F, #68432B, #332921)

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