Tempered Drift color palette — #DAE8E7 · #54A167 · #006260 · #005624 · #000304

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

The five colors

• Frost (#DAE8E7): a clean, paper-quiet neutral.
• Fern (#54A167): A luminous, balanced teal — the color of sea glass.
• Peacock (#006260): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#005624): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#000304): quiet, heavy and certain.

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

• Dusty Moss color palette (#EDECDE, #72963C, #005968, #314A00, #001207)
• Timeworn Forest color palette (#E4F6F6, #66B388, #007470, #00663E, #00080B)
• Dusty Lagoon color palette (#D5E9EF, #00A2A1, #005E7A, #005151, #000205)
• Antique Cabin color palette (#C7EEE4, #008C75, #00585A, #172463, #001210)
• Weathered Fern color palette (#DAE9E0, #A08F02, #2D6400, #504700, #000302)
• Softworn Forest color palette (#E0ECEC, #BAD0D3, #87ABB2, #006544, #0A1919)
• Cypress Drift color palette (#DBF1F7, #007775, #273C5E, #003130, #000103)
• Washed Corridor color palette (#E9F9F4, #A2CC57, #00849E, #516F00, #000103)

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