Tempered Drift color palette — #FFF1F6 · #ADAD5B · #42866D · #684E70 · #344E48

Sage takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#ADAD5B): A luminous, balanced green — the color of fresh herbs.
• Fern (#42866D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#684E70): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#344E48): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Lagoon Atelier color palette (#FFEBF9, #B7AC7B, #4A8674, #634568, #18322B)
• Timeworn Jade color palette (#FFF0F9, #61BD8C, #2A8498, #774A56, #354C50)
• Patina Drift color palette (#EAFAEC, #D69866, #737D48, #4B5976, #3C4D3E)
• Hushed Moss Veranda color palette (#E9FAF2, #9E9D3A, #30799D, #6C455E, #483C56)
• Tempered Driftwood Garden color palette (#F0F7F1, #C1C694, #6D8B63, #5A6B5D, #3E524A)
• Muted Fern color palette (#FFF2EB, #CBBF83, #5DA28F, #7F6385, #504900)
• Worn Ash Archive color palette (#FBF2F6, #D8DFF0, #7D9CBE, #447784, #475369)
• Tempered Thicket color palette (#FFF0F7, #61A000, #006F6A, #6D245C, #113F24)

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