Tempered Drift color palette — #F7F0EC · #B2D1B5 · #1C89A7 · #005E41 · #00233B
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F0EC): bright and airy, almost weightless.
- Pistachio (#B2D1B5): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#1C89A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005E41): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00233B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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 Cerulean Dune color palette (#F5F6EE, #ABD0AF, #008897, #00605A, #004250)
- Softworn Alley color palette (#F8F0E8, #A7D2C6, #6178BE, #005966, #221841)
- Dusty Lagoon Basin color palette (#ECE1DC, #3D858D, #004257, #002017, #000104)
- Weathered Study color palette (#ECF8F6, #D4DFEB, #29BACC, #008077, #003540)
- Muted Navy Orchard color palette (#E8DDD6, #5592B2, #00478F, #002B2C, #03001C)
- Denim Basin color palette (#E9DCD7, #7FA78C, #006084, #003A2F, #000A1E)
- Pine Alley color palette (#E9F9CE, #74B892, #007954, #004323, #001206)
- Quiet Olive Meadow color palette (#E7E1BE, #92A34E, #497F00, #00552C, #002921)
Browse the whole catalog at Explore, or see today's palette.