Tempered Drift color palette — #F9F3F9 · #D3D5E8 · #B0C0E4 · #85AE8D · #41546B

Sage takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D3D5E8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#B0C0E4): A luminous, dusty violet — the color of twilight just after sunset.
• Sage (#85AE8D): A luminous, dusty teal — the color of glacier melt.
• Peacock (#41546B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Antique Lagoon color palette (#F9F4EE, #CAE8E0, #94BDA2, #549582, #385145)
• Linen Jade Field color palette (#FFF0F9, #C5EBFF, #75BCFF, #00A988, #343A6E)
• Antique Turquoise Station color palette (#E8F8FF, #92E4F3, #FAB0B7, #5DB8C7, #5C435E)
• Muted Bone Loft color palette (#FFF1F7, #C3E3C9, #CDAABA, #A288A0, #374D44)
• Dusty Glacier color palette (#E8F8FF, #76D9E6, #EFAA9C, #C7986E, #2A4752)
• Muted Cerulean color palette (#E9F8FF, #AFEDFF, #80C7DB, #4A93A7, #0F3A4C)
• Washed Lagoon color palette (#F9EAF4, #71BDCF, #0B8AD1, #007052, #080148)
• Muted Turquoise Basin color palette (#F7F0ED, #C6E9DF, #63A7C1, #4F7656, #412F42)

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