Tempered Drift color palette — #FFF2EF · #EA5872 · #007E4C · #005067 · #18030A

A conversation between Scarlet and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Scarlet (#EA5872): A luminous, vivid red — the color of embers at dusk.
• Teal (#007E4C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005067): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#18030A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Ember Villa color palette (#FFF2EA, #ED6101, #007F75, #2A4678, #150304)
• Quiet Peony color palette (#FFF1F1, #CC5DB0, #717F00, #005150, #13020E)
• Tangerine Workshop color palette (#FFF2EC, #EA7A55, #009785, #2E5C87, #2A1618)
• Frosted Tangerine Study color palette (#FFF2EB, #FE7A46, #65830F, #00545E, #1E103E)
• Frosted Nightshade color palette (#FFF3E8, #C06300, #00757B, #1B20A6, #110005)
• Weathered Apricot color palette (#FFF4E2, #FF957D, #AA7100, #005C64, #341A05)
• Patina Workshop color palette (#FBEDF9, #A04842, #3E5400, #003954, #120319)
• Brick Market color palette (#FFF2ED, #C80030, #005336, #00273A, #040001)

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