Tempered Drift color palette — #F4F0DC · #5D7D00 · #045510 · #002C20 · #001111

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

The five colors

• Cream (#F4F0DC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5D7D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#045510): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001111): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged 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 Studio color palette (#E2EADB, #00804A, #004F41, #002A2F, #000E15)
• Patina Delta color palette (#F1DAC3, #8F6E00, #464E00, #042A02, #000F05)
• Muted Studio color palette (#F5EFDE, #889600, #0E7E1A, #004731, #002725)
• Faded Mulberry Harbor color palette (#E5E8D2, #388F35, #840060, #074307, #15000D)
• Olive Delta color palette (#F9E6CD, #7A751A, #5B3D00, #3F1300, #020700)
• Aqua Dune color palette (#D7EEDB, #5BC8C2, #5C8FC1, #5C5200, #001613)
• Emerald Corridor color palette (#E9F3E0, #00A661, #007368, #003F43, #00212F)
• Misty Workshop color palette (#E3E7B5, #93BB7C, #279160, #00574F, #003538)

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