Driftwood Drift color palette — #E1E1F0 · #C19BC0 · #A86964 · #2F6A65 · #00423E

Built around Mocha, softened by Mauve — the whole palette hums with sophistication.

The five colors

• Frost (#E1E1F0): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C19BC0): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#A86964): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#2F6A65): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#00423E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Basalt Alley color palette (#D7E8FE, #C99EAF, #A7748E, #266544, #2F4100)
• Softworn Bronze color palette (#EFD8E6, #D39E98, #A17338, #225D7B, #174234)
• Worn Alley color palette (#E7EFFF, #DCB6E0, #C0727C, #006054, #003344)
• Tempered Ash color palette (#F2DCE4, #B57FA0, #8C5E51, #00585C, #003143)
• Softworn Fern color palette (#F2E0F6, #AE8CAA, #8F5C49, #4D4900, #104336)
• Ancient Oat Grove color palette (#FFF2F0, #E7CBBC, #B8AE9C, #738E87, #38514A)
• Navy Meadow color palette (#FFE3E3, #DCB89A, #A0946D, #626890, #3F426A)
• Muted Quarry color palette (#F4DCE4, #A06755, #695000, #1C3457, #0E0138)

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