Tempered Drift color palette — #FAF4EE · #BCE7DA · #7889B4 · #006F7C · #474266

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#BCE7DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7889B4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#474266): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Drift color palette (#FCF4EC, #A9D4F3, #4B7CD7, #00656D, #3B3969)
• Cypress Pier color palette (#FEF2ED, #C6E6CC, #5793AC, #127358, #1F5247)
• Washed Petrol color palette (#EBF4F4, #C9DFF4, #6C90BB, #00678B, #182C49)
• Aged Cobalt color palette (#F4F6EF, #BEE5EB, #80A8D9, #0085B4, #34476C)
• Worn Drift color palette (#FFF2EC, #ABD0B1, #2C83A1, #006247, #153D5E)
• Worn Basin color palette (#F2E4DA, #3F8AAB, #003D70, #002222, #04002D)
• Hazy Archive color palette (#F8F6E0, #93A968, #AA71B2, #567100, #533656)
• Weathered Mulberry color palette (#F5F8DB, #66985B, #8F68A9, #964566, #383932)

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