Weathered Drift color palette — #FFF1F3 · #DAF0AC · #995C9D · #4F2C34 · #180B0E

Slate and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Celadon Mist (#DAF0AC): A whisper-light, balanced green — the color of a quiet forest floor.
• Slate (#995C9D): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#4F2C34): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#180B0E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, 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

• Softworn Cobalt color palette (#FDF1F8, #DBEFB0, #6C6DB5, #333458, #160C12)
• Weathered Driftwood Meadow color palette (#FBF3F2, #D7FBD1, #B07084, #5C3D39, #231816)
• Washed Brick Summit color palette (#FFF2ED, #E7DC78, #B33C3B, #541515, #120401)
• Denim Pier color palette (#F1F1FB, #89C2A5, #654774, #321D3C, #0C0B15)
• Hushed Blush color palette (#F9F2FE, #FFC8A7, #C27C9B, #6C5B78, #251F29)
• Dusty Amber color palette (#FCF3F3, #FFD3DA, #BF9923, #B86BA5, #181105)
• Mulberry Balcony color palette (#FFF1F1, #C4CE00, #9C006C, #3C0027, #040000)
• Softworn Amber color palette (#FEF4DF, #FFB2C8, #C97D3C, #116B97, #37302D)

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