Timeworn Driftwood color palette — #F9F0E9 · #D0C2A4 · #728D58 · #566755 · #34312A

Moss and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Sand (#D0C2A4): A luminous, dusty gold — the color of afternoon light on wheat.
• Moss (#728D58): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#566755): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#34312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Olive Boulevard color palette (#FDEFE5, #C4B187, #6D7E31, #6D4956, #302615)
• Dusty Fern color palette (#F3F2E8, #BDC8AD, #538F8E, #6C6314, #283700)
• Tempered Taupe color palette (#FDF2F6, #DCD2A3, #8CA47A, #67838A, #405247)
• Softworn Periwinkle color palette (#F6F1EC, #C3E9EA, #819CCF, #3B7771, #432F39)
• Weathered Forest Quarry color palette (#F1E9DB, #7D9857, #006543, #004050, #151300)
• Timeworn Stone color palette (#E7F6EF, #EAD2CB, #E4B19D, #579695, #483C49)
• Moonless Bronze color palette (#F5E1CE, #776800, #204000, #2D0D3A, #040300)
• Amber Balcony color palette (#E2F8EA, #4DAAC2, #B18615, #85792F, #1B2C22)

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