Tempered Driftwood color palette — #ECF7FF · #D9D7F8 · #AEAEF1 · #8C68AA · #534C6C

Slate and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Thistle (#D9D7F8): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#AEAEF1): A luminous, balanced violet — the color of a velvet chair.
• Slate (#8C68AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#534C6C): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged 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

• Plum Basin color palette (#F1F5FF, #EED3E6, #D7A0DC, #AB5D79, #674963)
• Antique Powder color palette (#FFEFFF, #C7D6FF, #A8ADFF, #9A8DC6, #61434D)
• Muted Boulevard color palette (#F4F4FF, #E1D7E0, #C5A8DF, #795FA2, #362546)
• Cobalt Drift color palette (#E2FAFF, #BDE4FF, #78C3F3, #4C7BB6, #3B4566)
• Worn Powder color palette (#CDFBE7, #8AB6FC, #7E7BB9, #6E5982, #664649)
• Byzantium Field color palette (#D2E0FF, #A69FFF, #9C4EC8, #840068, #370015)
• Lilac Station color palette (#F3F4FF, #E5D4ED, #E2CA80, #AE83D9, #52451D)
• Mulberry Basin color palette (#F1F5FF, #CAACF5, #B362BF, #98186C, #521B21)

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