Tempered Driftwood color palette — #E7EDFF · #B5B3D1 · #8F819C · #4E6759 · #233A36

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Frost (#E7EDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B5B3D1): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8F819C): A luminous, dusty violet — the color of a velvet chair.
• Pine (#4E6759): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#233A36): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Aged Ash Parlor color palette (#E6F4FF, #9CB2D7, #9484B0, #704A5B, #28392D)
• Lagoon Workshop color palette (#EBF7FF, #DBD8E7, #BBACCB, #5A888C, #31595C)
• Olive Atelier color palette (#D9FFF0, #D1ADBB, #9F776F, #61702B, #405745)
• Bronze Cabin color palette (#E5D7FF, #CF939D, #B6673E, #336244, #003939)
• Taupe Ridge color palette (#EBE0EF, #C6908A, #8C6475, #264F54, #063242)
• Hushed Cerulean color palette (#ECF4EE, #BEE3F2, #369BB9, #006E62, #162F41)
• Muted Bronze Boulevard color palette (#FFF0F9, #CFB5E4, #BF9896, #8E762E, #525200)
• Pine Basin color palette (#E7F6EF, #A6BB93, #488552, #41576E, #0F2D27)

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