Tempered Drift color palette — #FFF0F8 · #C1896F · #459B87 · #00808E · #503B47

Teal takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Caramel (#C1896F): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#459B87): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#503B47): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. 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 Study color palette (#EDF9EF, #A68C5A, #538C7A, #4C5A9A, #324235)
• Aged Coral color palette (#FFEEE7, #D4827F, #6B9C65, #5D78AA, #34231C)
• Ancient Olive Cabin color palette (#FDF0FF, #C4838F, #869056, #4E873F, #4B3C4F)
• Ancient Bronze color palette (#FFE6D5, #C16200, #008093, #295F86, #4D2300)
• Ancient Garden color palette (#FFF0FD, #E39C98, #7AB773, #7392CC, #4D3C4B)
• Hushed Thicket color palette (#EDF9EF, #A5BFB3, #937D54, #7E5139, #324E49)
• Aged Driftwood color palette (#FDF0FF, #E8D9D8, #B1D3EA, #A080A4, #5A4A57)
• Tempered Cocoa Corridor color palette (#FFF0FB, #E5C2DF, #B37064, #85372D, #572F28)

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