Tempered Drift color palette — #F0F7F4 · #D0DCE1 · #ADC2D6 · #7C883F · #2E3F39

A conversation between Olive Leaf and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D0DCE1): bright and airy, almost weightless.
• Ash (#ADC2D6): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#7C883F): A luminous, balanced green — the color of new leaves after rain.
• Forest (#2E3F39): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Tempered Fern Boulevard color palette (#F6F6ED, #D0DED0, #AFB6A6, #596C35, #3C3B30)
• Aged Studio color palette (#EEF7F9, #D4DBEC, #C1BCDD, #009A97, #314348)
• Washed Canyon color palette (#E4EDEA, #B2C9CA, #7DADBE, #4E6C00, #11231F)
• Aged Drift color palette (#D8EDEB, #009A43, #004A4B, #042826, #070F0C)
• Muted Lagoon Basin color palette (#D9EEDC, #9EBE94, #48989C, #8A5D55, #573D51)
• Abyss Hollow color palette (#D9E7E9, #94A8B3, #6F88AC, #005148, #000C0E)
• Aged Taupe color palette (#FBE7FB, #ABA64A, #008B7C, #7B3A67, #0B3832)
• Cobalt Boulevard color palette (#E9F6E9, #CB902D, #006EB5, #892B21, #4F140D)

Browse the whole catalog at Explore, or see today's palette.