Tempered Drift color palette — #FDF3EB · #CBEBFF · #648DED · #006A65 · #20163B

Lavender Blue takes the lead with Pine close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Frost (#CBEBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender Blue (#648DED): A luminous, balanced violet — the color of twilight just after sunset.
• Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#20163B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, 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

• Misty Azure color palette (#FCF3EF, #AAF4FD, #009ED8, #006E42, #0C1D3C)
• Iris Terrace color palette (#FCF4EB, #C5E4F9, #8E9EFA, #007E83, #432230)
• Washed Petrol Orchard color palette (#F6EBEF, #86B9D8, #4168A2, #004F52, #262757)
• Aged Cerulean Veranda color palette (#FFF2ED, #96DADC, #0086AD, #005526, #000C23)
• Ancient Harbor color palette (#E7EBDE, #90BFAF, #006FB6, #00485D, #001533)
• Pale Summit color palette (#FFF2ED, #D2DCF1, #1EBDFD, #008D55, #203459)
• Peony Bloom color palette (#FFF2EF, #EC5187, #009594, #007B7A, #1E0301)
• Teal Ridge color palette (#EEDCD7, #4EB4B3, #005E76, #002E0A, #000104)

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