Worn Driftwood color palette — #F6F0F3 · #CDD5D7 · #98A0AD · #A2785F · #3B3337

Built around Mocha, softened by Blue Fog — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#CDD5D7): bright and airy, almost weightless.
• Blue Fog (#98A0AD): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#A2785F): A luminous, dusty gold — the color of honey in a jar.
• Espresso (#3B3337): quiet, heavy and certain.

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

Use it as a design system

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

• Driftwood Archive color palette (#FAF3F6, #CFD9DA, #98A2AB, #9C7585, #575053)
• Aged Olive color palette (#ECF4F1, #CFD9DC, #B1BEC7, #6F7E26, #222F2B)
• Aged Loft color palette (#F7EBEF, #839188, #4F7468, #402100, #040001)
• Weathered Lantern color palette (#E7F7E8, #D39D87, #817A48, #4C4985, #3C232D)
• Aged Pewter color palette (#EBF5EF, #A8CCC4, #5E8C8D, #6F5775, #1B3732)
• Softworn Field color palette (#E5F3EF, #94A4A3, #58848D, #283E00, #000604)
• Hushed Corridor color palette (#FCEDF3, #C09167, #218086, #304A80, #331C3D)
• Tempered Courtyard color palette (#E4F2E6, #9F7D39, #294139, #132216, #110A0D)

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