Tempered Drift color palette — #F7EAF0 · #73C3E4 · #0064C5 · #003F36 · #020012

Cobalt and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Sky (#73C3E4): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0064C5): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#003F36): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Petrol color palette (#F5EAF4, #7BC5C9, #007194, #00411D, #00020B)
• Sunlit Indigo color palette (#FFF1F5, #AAD0F4, #606ED7, #005154, #140127)
• Softworn Denim color palette (#D7ECEA, #4A94B5, #004F74, #002A33, #00050D)
• Weathered Basin color palette (#F0E6D6, #47BEEF, #008AD5, #006C74, #001134)
• Periwinkle Parlor color palette (#FBF2F6, #D8D4DF, #72A5FF, #008076, #2E284D)
• Wandering Byzantium color palette (#D2F0D9, #9D7800, #A200B7, #4C3900, #030004)
• Turquoise Canyon color palette (#FFF4C9, #98E1A3, #00B8CD, #824A00, #020800)
• Ancient Alley color palette (#F8F3F8, #D3D5E5, #6FC8E9, #5E9066, #2B4159)

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