Tempered Drift color palette — #DDF9EE · #91B382 · #287D4C · #294D7C · #0F2701
Built around Olive, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDF9EE): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#91B382): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#287D4C): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#294D7C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#0F2701): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Dusty Harbor color palette (#DFF8F5, #5ABD9B, #007C73, #4A4379, #002628)
- Pewter Corridor color palette (#EAF5EB, #BCB586, #717B49, #50536C, #152D21)
- Aged Forest Courtyard color palette (#D0E3DD, #6F9A73, #006548, #28375E, #001803)
- Hazy Parlor color palette (#FFF3E5, #A3A874, #2B7C38, #753762, #3B3E12)
- Airy Pier color palette (#CAEFDB, #87A13D, #1E6E00, #592561, #121900)
- Emerald Grove color palette (#F9F6E3, #A1C88F, #439B65, #3D6AA5, #29421D)
- Hushed Jade Drift color palette (#EBFAEC, #D3E1A1, #5FA473, #855B7A, #2B3206)
- Ancient Studio color palette (#D9F0ED, #228C6E, #004F4A, #29224B, #000B06)
Browse the whole catalog at Explore, or see today's palette.