Weathered Drift color palette — #E7F6EE · #9BC6BC · #8A854F · #6E4D58 · #1C3030

Built around Mocha, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Ash (#9BC6BC): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#8A854F): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#6E4D58): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Forest (#1C3030): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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 Villa color palette (#E3F8EC, #86B7AB, #83761F, #66441E, #092828)
• Muted Terrace color palette (#E9FAF1, #B1BF91, #658A78, #4E6453, #374D49)
• Aged Moss Field color palette (#E4F7F0, #8C9E52, #B16D6F, #804E50, #162721)
• Dusty Chestnut color palette (#D8E5D8, #9F9C5F, #855B00, #602E19, #011D19)
• Wandering Pier color palette (#CDFDF7, #94D2BE, #0493A7, #295C87, #2B2351)
• Aged Veranda color palette (#EBF4F2, #ACCFA4, #6A7FC1, #508045, #11161F)
• Tempered Cypress color palette (#E7F5F5, #DEB5CF, #2B7054, #0B383A, #0A1617)
• Antique Bronze color palette (#FCF5E2, #CECDA8, #A99A75, #986930, #3D5006)

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