Weathered Driftwood color palette — #FFF1F4 · #D6D3AC · #9A707B · #60444C · #33282B

Mocha and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Wheat (#D6D3AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9A707B): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#60444C): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#33282B): a grounded near-black with real depth.

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

Use it as a design system

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

• Antique Coast color palette (#FFF2ED, #CCC696, #9B5F59, #6A2E11, #2C1E18)
• Hushed Workshop color palette (#FDF2F3, #FFD3C1, #BE8CAF, #876164, #352728)
• Worn Villa color palette (#F4F4FC, #EAFECC, #947AA4, #45435C, #1B1A24)
• Timeworn Pewter color palette (#F6F3FC, #D6B4CA, #764F6F, #4B2C46, #2D242C)
• Ancient Mallow color palette (#FDF5DF, #E7A9C4, #B8856A, #47768A, #5A413A)
• Muted Corridor color palette (#FFF2EE, #D18581, #90844F, #38745E, #3F2C36)
• Muted Studio color palette (#FCF3F2, #DFD9D2, #B0B5A8, #BE8E88, #5C4F4E)
• Ash Balcony color palette (#FFF1F2, #CB98BF, #81A687, #5F8565, #4B3739)

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