Tempered Drift color palette — #F9F6E1 · #8DCD99 · #008A73 · #4C562B · #161B00

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8DCD99): A luminous, balanced green — the color of fresh herbs.
• Fern (#008A73): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#4C562B): A full-bodied, dusty green — the color of a quiet forest floor.
• Ink (#161B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, 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

• Hushed Olive color palette (#FFF3E4, #C1BE84, #5A8531, #225C51, #1B1900)
• Fern Archive color palette (#F6F7E5, #A4E0C0, #4C9992, #69671B, #222C0A)
• Patina Quarry color palette (#EDEEDF, #699B75, #006542, #1B4311, #101400)
• Weathered Fern color palette (#FFF3E6, #B3A25F, #566908, #004734, #0A0700)
• Pale Bloom color palette (#A1FFD9, #00CCB5, #008F9D, #005169, #002539)
• Aged Taupe color palette (#FBF4EB, #D7E4BF, #8BA976, #6C7C65, #3A3831)
• Worn Pine Archive color palette (#F0EDD1, #418C57, #00473B, #001F29, #000200)
• Hushed Teal Station color palette (#F7F8DB, #93EFC2, #00A89E, #297398, #2D2F29)

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