Tempered Drift color palette — #E3E7DA · #009051 · #004969 · #004222 · #000103
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E3E7DA): bright and airy, almost weightless.
- Fern (#009051): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004969): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Forest (#004222): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Timeworn Nightshade color palette (#DCE6D5, #008D6E, #340DB9, #004131, #01000A)
- Patina Workshop color palette (#EAE6DB, #837C00, #004D53, #3B3800, #000102)
- Wandering Orchard color palette (#F8E4D0, #00765C, #004258, #321600, #000707)
- Softworn Ridge color palette (#D2F2E0, #00877A, #004B59, #002339, #000021)
- Weathered Orchard color palette (#E1E6DF, #ABB7AE, #72978A, #004F47, #040E02)
- Feathered Dune color palette (#E3F3E0, #00AB9F, #7900C9, #005952, #060011)
- Hushed Pier color palette (#DEF1F0, #00AE61, #0063A9, #006335, #00030B)
- Aubergine Studio color palette (#DAEADE, #006470, #390065, #002329, #040001)
Browse the whole catalog at Explore, or see today's palette.