Tempered Drift color palette — #F9F5E7 · #A5A45C · #7D7DDB · #6C6900 · #3D3E64
Lavender Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Moss (#A5A45C): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#7D7DDB): A luminous, balanced violet — the color of a velvet chair.
- Olive (#6C6900): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#3D3E64): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Soft Cobalt color palette (#FFF3E4, #C19759, #478DD5, #885B00, #264464)
- Timeworn Moss Dune color palette (#F7F3DC, #9DAE4D, #7E87CB, #606B26, #202345)
- Pine Veranda color palette (#F5F7E2, #7AB06F, #B16CB2, #387629, #533754)
- Weathered Mustard color palette (#E5FBF1, #C0BE44, #A198EC, #878526, #413D63)
- Moss Canyon color palette (#FBF6DE, #879108, #0085B9, #994B6C, #3A3831)
- Muted Coast color palette (#FAF5E5, #A0AE7D, #797535, #605027, #404000)
- Byzantium Studio color palette (#E9E8BD, #71A623, #9200BE, #395A00, #450B5A)
- Worn Alley color palette (#E5F3E2, #00A396, #CB3675, #00655C, #532334)
Browse the whole catalog at Explore, or see today's palette.