Tempered Drift color palette — #FEF3ED · #A3F7F3 · #00A3BC · #006E3F · #002133
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF3ED): bright and airy, almost weightless.
- Sea Foam (#A3F7F3): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#00A3BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E3F): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Hushed Azure color palette (#FFF3E9, #C9EBFF, #5B94DD, #00696C, #17193F)
- Muted Lagoon color palette (#FFF2EC, #D2DDF4, #4DB4D8, #347E64, #08372D)
- Hushed Cobalt color palette (#FFF2EC, #82DBEF, #0084B9, #005346, #000B25)
- Ancient Turquoise Summit color palette (#EDDAD2, #33B5C6, #005D7C, #002C22, #000104)
- Antique Parlor color palette (#FBF3EE, #BFE6F5, #8AC1F1, #518F89, #4E364A)
- Hushed Ultramarine color palette (#FAEBDF, #53C3FF, #2064BF, #003D40, #020013)
- Faded Chartreuse Station color palette (#DFFFE3, #51EB86, #029542, #004B19, #000701)
- Glacier Loft color palette (#E6FFD5, #C3EEEE, #68DAFA, #938B46, #242C0B)
Browse the whole catalog at Explore, or see today's palette.