Tempered Drift color palette — #FAF4F0 · #C3DFE9 · #98BFE9 · #00987E · #393B5F

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C3DFE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#98BFE9): A luminous, dusty blue — the color of open sky before noon.
• Fern (#00987E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#393B5F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Sky Harbor color palette (#FFF2EC, #D5D8E8, #5CB6FF, #008B6C, #262C6B)
• Patina Terrace color palette (#F1F7F2, #D2DFF7, #6AC9FF, #53A8A8, #37495D)
• Dusty Cerulean Study color palette (#FBF2F7, #ACE7FA, #648EB6, #326F5D, #3C4762)
• Softworn Turquoise color palette (#FFF0FB, #E7DAD6, #B9B2A6, #6EA7D0, #593F47)
• Weathered Denim color palette (#ECE2DE, #6EAEB8, #005B82, #002D1A, #00000B)
• Ancient Iris color palette (#FEF3E8, #DDE2F5, #7490FF, #007272, #30045A)
• Antique Ultramarine Courtyard color palette (#FAEBDF, #8DBED9, #1B5FCF, #003E38, #030011)
• Soft Moss color palette (#FFF1F2, #E2A5CE, #DA9A66, #969900, #3E2224)

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