Tempered Drift color palette — #F9F3F7 · #D2E1EF · #73A1B5 · #427D58 · #3D5668

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D2E1EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#73A1B5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#427D58): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#3D5668): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication. 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

• Weathered Basin color palette (#EFF7F5, #CEE2F3, #64C3C6, #4B9684, #3F5760)
• Timeworn Teal color palette (#F2F2EB, #C5E4D9, #54ACAF, #2E7A69, #263C2C)
• Washed Workshop color palette (#E9F8FC, #85BAC6, #C88480, #00847F, #5E425B)
• Weathered Cabin color palette (#F1E3EE, #4D9DA8, #00516C, #003125, #00142C)
• Cerulean Meadow color palette (#E9F8FF, #A4D4E9, #3994A5, #005D63, #004048)
• Bronze Delta color palette (#E7F9FF, #5FA5AB, #B77478, #976438, #2D4750)
• Patina Petrol Workshop color palette (#F5EBF1, #8DB8D1, #246DA4, #00504B, #1A2A5A)
• Antique Delta color palette (#FDF2F7, #A9BFA8, #9B7287, #824C48, #374E40)

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