Tempered Drift color palette — #F6F3DC · #9BAD64 · #8085D1 · #5B6E00 · #222344
Olive takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F3DC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9BAD64): A luminous, balanced green — the color of fresh herbs.
- Lavender Blue (#8085D1): A luminous, balanced violet — the color of a velvet chair.
- Olive (#5B6E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#222344): 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
- Sunlit Olive Archive color palette (#FBF5E1, #A1A561, #857FC7, #696B00, #403C64)
- Ancient Peony color palette (#F7F2E1, #A9A867, #B772AB, #6C6800, #3D1637)
- Washed Iris Boulevard color palette (#FFEFDF, #CF965D, #7988D0, #8E550C, #1D234A)
- Chalky Olive Station color palette (#E7FBF2, #B9BC84, #A499E2, #848700, #433B66)
- Softworn Moss Drift color palette (#FAF2D4, #919428, #8F6DB2, #785D94, #251E03)
- Muted Cocoa Studio color palette (#F8F2DE, #ADAE8D, #79784A, #64451B, #1D260F)
- Wandering Plum color palette (#E9F8DD, #2BC29F, #AF4695, #006B56, #3D0031)
- Weathered Byzantium Market color palette (#E4E4CD, #67AB22, #8A2DB4, #305900, #250035)
Browse the whole catalog at Explore, or see today's palette.