Tempered Drift color palette — #FFF0F9 · #E99977 · #53A6BC · #97644F · #2F5263

A conversation between Camel and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Camel (#E99977): A luminous, balanced orange — the color of autumn markets.
• Cyan (#53A6BC): A luminous, balanced blue — the color of deep harbor water.
• Walnut (#97644F): A full-bodied, dusty orange — the color of toasted spice.
• Peacock (#2F5263): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Washed Bronze color palette (#FDECF6, #D9A690, #62A7C0, #9C6046, #0E3548)
• Muted Blush Parlor color palette (#FAF1FF, #E891B2, #50AB99, #956074, #27555B)
• Tempered Mustard Orchard color palette (#EAFAEF, #C8AE5C, #8298CB, #83713A, #3D4E68)
• Sky Hollow color palette (#FFF2EB, #F3B39A, #70BDDE, #B87B63, #2C5745)
• Muted Amber color palette (#FFF0F8, #D3804D, #539983, #766EA1, #4E3C45)
• Timeworn Stone color palette (#FFF0F9, #D7AF92, #99738A, #6C5569, #414B40)
• Ancient Cobalt color palette (#FFF1F5, #E08D24, #0072C7, #834E00, #003B6D)
• Ancient Oat Station color palette (#FFF0F7, #D2DDCD, #B3D0A6, #9F889C, #5C4850)

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