Tempered Drift color palette — #F5ECF0 · #84B9D6 · #1E68B9 · #004F50 · #242856

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F5ECF0): bright and airy, almost weightless.
• Sky (#84B9D6): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#1E68B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#242856): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Worn Petrol color palette (#F6EBF3, #6DC1C6, #007390, #005239, #003050)
• Petrol Terrace color palette (#E7EBDE, #74BDE6, #0071AD, #00495A, #00162F)
• Hushed Cobalt Drift color palette (#FCF2F5, #ABC9E3, #5174C5, #005E68, #303858)
• Cerulean Archive color palette (#FBF2F9, #8DDEE3, #008DAE, #006A4A, #01436B)
• Airy Periwinkle color palette (#F6EDDF, #AADBF6, #5FAAEF, #008F9E, #142B5B)
• Wandering Periwinkle Delta color palette (#D2F6FA, #87CFD9, #4C97F5, #326918, #083E49)
• Wandering Canyon color palette (#EBDAE5, #4A9CB1, #004F75, #00302A, #000F3A)
• Dusty Quarry color palette (#FAF3F6, #D9DEEE, #819AC4, #257C83, #4A5268)

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