Tempered Driftwood color palette — #F9F3F9 · #D2D5E6 · #B7B9EA · #779E77 · #3B4F64

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B7B9EA): A luminous, dusty violet — the color of wild irises.
• Moss (#779E77): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#3B4F64): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered 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 Teal color palette (#F8F5EF, #CEE6DE, #96D3DB, #5FB695, #355243)
• Timeworn Taupe color palette (#EFF6FF, #B2CCFF, #D6B67B, #BD9D61, #2F3948)
• Patina Turquoise Grove color palette (#EEF4EF, #CCDEEF, #53ABB7, #3C7962, #233946)
• Patina Powder color palette (#E5F9FF, #CFDBEC, #81B6E5, #6675A6, #474A6A)
• Softworn Denim color palette (#EEE0EC, #64B0B6, #005D7D, #002D16, #000106)
• Dusty Stone color palette (#FFF0F9, #ECD3D0, #C3A3B7, #86728B, #304538)
• Softworn Periwinkle color palette (#EFF6FF, #DCD6F1, #EFC296, #7C99D7, #5E3947)
• Azure Cabin color palette (#FFF0F9, #D5D8F3, #25A0FB, #00755C, #19165D)

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