Cocoa Drift color palette — #F2E6ED · #BDAFB4 · #7C9581 · #712B00 · #14050E

Rust and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F2E6ED): a clean, paper-quiet neutral.
• Ash (#BDAFB4): soft and architectural.
• Eucalyptus (#7C9581): A luminous, dusty teal — the color of glacier melt.
• Rust (#712B00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#14050E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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

• Garnet Balcony color palette (#EBE3DF, #C2B7A9, #948E76, #792200, #2C1B11)
• Worn Hollow color palette (#E0ECE4, #A6B8B0, #79948E, #524200, #000F05)
• Tempered Garnet Market color palette (#E2DBE6, #BCAEBC, #9C8694, #702344, #0F0713)
• Wandering Lantern color palette (#FCF1F9, #CFE3DD, #A7C2B7, #96432A, #140810)
• Weathered Archive color palette (#D9E3DD, #7F938B, #4F736E, #312A00, #000201)
• Fern Corridor color palette (#D3EADB, #748029, #265000, #4C1310, #070900)
• Softworn Bronze color palette (#F7EFF3, #C9D6D8, #ABBFBD, #996845, #32292D)
• Airy Terrace color palette (#F2E0E6, #EE6D5A, #A96B00, #5D6000, #070300)

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