Tempered Drift color palette — #F2F7EB · #D2DBA7 · #5FA686 · #2F7255 · #1E2415

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

The five colors

• Ivory (#F2F7EB): a clean, paper-quiet neutral.
• Celadon Mist (#D2DBA7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#5FA686): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#2F7255): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1E2415): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Moss Study color palette (#E5F2DC, #8CA226, #006853, #003125, #010200)
• Cerulean Villa color palette (#E3FCEE, #A9E0A5, #009DBF, #00667D, #082014)
• Aged Cypress color palette (#F1F8ED, #E2BC9E, #238371, #004E42, #1C2517)
• Lime Grove color palette (#D8ECD1, #A9CF51, #009385, #005B52, #001411)
• Turquoise Meadow color palette (#F1F7F2, #D1DEDD, #A5B6BF, #51BDCE, #414B43)
• Wandering Thicket color palette (#F0F7F1, #8DE7EA, #68B6F0, #00B8BC, #0A2A22)
• Soft Peony color palette (#F0F9E7, #93D0F5, #77A6EA, #AC62A8, #15473B)
• Amber Bloom color palette (#F7F6E9, #9EBF72, #DF7C92, #C56420, #322710)

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