Tempered Drift color palette — #FCF3ED · #BADECB · #639BCC · #007D76 · #2A3861

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Celadon Mist (#BADECB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#639BCC): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007D76): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A3861): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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 Cerulean color palette (#FAF4EE, #BFE8EE, #8EA3DC, #18899A, #474266)
• Cerulean Lagoon color palette (#FFF2EC, #6DDEEF, #0099CB, #00755D, #003362)
• Hushed Cobalt Veranda color palette (#EAF9F7, #AEC9DA, #0F82B3, #005E6C, #093E60)
• Sky Basin color palette (#F4F7EC, #C0ECD6, #55BEF5, #179CB2, #104438)
• Timeworn Cabin color palette (#EFDCD3, #67B0B2, #00728A, #004D32, #001626)
• Cerulean Pier color palette (#FFF1F7, #F4D3C7, #E5AEB7, #6488B5, #55323E)
• Weathered Market color palette (#F8EDE3, #579CBD, #0058A3, #003B3B, #05002C)
• Cobalt Hollow color palette (#F4E7DC, #7CBADF, #3973C8, #00585C, #191745)

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