Weathered Drift color palette — #FEF2F4 · #B4DDBE · #9C6F78 · #63434A · #35272A

A conversation between Celadon Mist and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF2F4): bright and airy, almost weightless.
• Celadon Mist (#B4DDBE): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#9C6F78): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#63434A): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#35272A): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Bronze color palette (#FFF2EB, #CAC88C, #99624C, #5E3727, #2C1E15)
• Patina Driftwood Balcony color palette (#F5F4FD, #BBE9F3, #9A789F, #47415F, #1B1A24)
• Tempered Ash color palette (#FBF3F3, #F1DBAE, #C28BA9, #866262, #332828)
• Pewter Parlor color palette (#F7F3FC, #A7CBAE, #675578, #3F324C, #2C2029)
• Quiet Plum Villa color palette (#FFF1F1, #97CC84, #9D4574, #5A2641, #2C1111)
• Ancient Driftwood Basin color palette (#FCF2F3, #EBC2E3, #93A36C, #AB79A3, #2F2E27)
• Antique Taupe Chapel color palette (#FBF5E6, #E0ADC4, #B28961, #4C7297, #58423A)
• Patina Blush color palette (#FFF2EF, #DB93A3, #76A98A, #528868, #4A3834)

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