Tempered Drift color palette — #FFF0FC · #DDDDFF · #D6BBFC · #678BC4 · #4D3546

Built around Slate Blue, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#DDDDFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D6BBFC): A whisper-light, balanced violet — the color of a velvet chair.
• Slate Blue (#678BC4): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#4D3546): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Drift 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

• Tempered Periwinkle Boulevard color palette (#F0F5FF, #DBD8E2, #B7AEA6, #7697CC, #2D3447)
• Dusty Shell color palette (#FFF1F4, #F0D4C9, #EDB1CB, #9882B3, #5E383F)
• Powder Dune color palette (#DAFFF1, #F3D7F4, #ADBFFE, #498AA6, #11443A)
• Aged Station color palette (#FFEFFF, #F0CCDD, #DAA5C2, #007C9C, #513043)
• Muted Fuchsia color palette (#FAEFFF, #FFC7F9, #FB87CD, #9066D0, #532557)
• Worn Wisteria Drift color palette (#F4D5E8, #C1B5E9, #BB83D7, #5165A6, #231A40)
• Timeworn Coral Workshop color palette (#FFE8E5, #FAC5CB, #EE978A, #A6668D, #4C261E)
• Weathered Taupe color palette (#FFF1F3, #E3D7D2, #ABB09B, #C199A3, #634B4D)

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