Worn Driftwood color palette — #F8F3FC · #E9C5D9 · #9D6D83 · #683E52 · #2F2835

Mocha and Cocoa set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F8F3FC): a clean, paper-quiet neutral.
• Oat (#E9C5D9): A whisper-light, dusty pink — the color of peonies in June.
• Mocha (#9D6D83): A full-bodied, dusty rose — the color of pressed rose petals.
• Cocoa (#683E52): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#2F2835): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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 Station color palette (#FFF2F0, #E1DBCF, #A77874, #5B3E3B, #231817)
• Weathered Rose color palette (#F8F3F9, #F7C1C9, #C68D69, #D2637A, #392830)
• Wandering Quarry color palette (#F6F4FB, #BAC795, #774D72, #3C334F, #2B232A)
• Timeworn Sand color palette (#FFF1F3, #DBE4AF, #BF9097, #806468, #32292A)
• Tempered Pine Canyon color palette (#EDF9EE, #E1B29B, #B08A5F, #4F7C49, #56404A)
• Powdered Garnet Bloom color palette (#FEF0FF, #EFA977, #A84053, #710026, #241326)
• Worn Basin color palette (#F5EAF8, #AC5D23, #550026, #2B1314, #130005)
• Tempered Amber Workshop color palette (#F9EAF3, #C48229, #752A00, #320D00, #080004)

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