Worn Driftwood color palette — #FEF2F3 · #CCD7B2 · #976D90 · #684045 · #342829

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

The five colors

• Ivory (#FEF2F3): a clean, paper-quiet neutral.
• Wheat (#CCD7B2): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#976D90): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#684045): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#342829): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Ancient Station color palette (#FEF3EB, #CAC795, #976348, #673211, #2B1E15)
• Driftwood Orchard color palette (#F5F3FF, #BCEEF6, #9C779F, #47425A, #1C1A22)
• Hushed Pewter Pier color palette (#F8F3FD, #D2BE94, #7E4C65, #40314D, #2B2428)
• Hushed Sand Thicket color palette (#FFF1F1, #F3DBA9, #BD8FA4, #816563, #352727)
• Patina Courtyard color palette (#FBF3F3, #EFC1DD, #A39F5B, #B970A0, #302E27)
• Tempered Garnet color palette (#FFF2F0, #97CC7E, #A2426C, #6B083D, #2E100E)
• Patina Petrol Garden color palette (#FDF4E3, #E0ADC3, #B08A64, #4D70A0, #5B4037)
• Weathered Bloom color palette (#FBF3F1, #DCDAD4, #ADB8AD, #CB8687, #5A504D)

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