Tempered Drift color palette — #F2DDF2 · #0776EF · #7C7200 · #5E5600 · #000412
A conversation between Sapphire and Walnut, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2DDF2): A whisper-light, dusty pink — the color of neon signs at night.
- Sapphire (#0776EF): A full-bodied, vivid blue — the color of open sky before noon.
- Walnut (#7C7200): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#5E5600): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000412): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Linen Station color palette (#D2EDE2, #0085BC, #896C00, #685200, #00050B)
- Tempered Cornflower Harbor color palette (#FDE5F8, #6383FF, #4D6900, #006355, #01001E)
- Frosted Byzantium Thicket color palette (#F6E3E9, #8548C1, #6A6400, #4D4800, #030009)
- Feathered Orchard color palette (#F4E1EE, #656FEF, #AE3300, #005132, #000A0A)
- Ancient Indigo color palette (#E3F2D7, #7672FE, #A72B8C, #00563A, #120026)
- Weathered Cocoa color palette (#DBECDC, #006E70, #634900, #292A00, #000202)
- Magenta Corridor color palette (#F5E2E7, #C349FC, #3B6D00, #00573D, #0A0012)
- Moss Ridge color palette (#F9DAF2, #9AB4FF, #868A00, #3A7E35, #0F1A47)
Browse the whole catalog at Explore, or see today's palette.