Tempered Drift color palette — #F0F7F2 · #C6E2EC · #4097AF · #007263 · #274C65

Teal and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#C6E2EC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4097AF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007263): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#274C65): A full-bodied, dusty blue — the color of deep harbor water.

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

• Softworn Petrol color palette (#F1F7F2, #D8DDEE, #799CC4, #007C8E, #44536C)
• Ancient Cerulean color palette (#F6F0F5, #B7E5F5, #4698BD, #366B4A, #192D47)
• Timeworn Balcony color palette (#E2F2E5, #6897AC, #00516D, #00302E, #001527)
• Tempered Teal Chapel color palette (#FAF4EB, #BBEFE5, #85C9DE, #61A799, #2D5043)
• Timeworn Turquoise color palette (#FCF3EF, #CEEFD4, #59B0DC, #3F8C62, #553F53)
• Patina Lagoon color palette (#E9F1EA, #8BB9CD, #007392, #005049, #00314C)
• Hazy Pine Orchard color palette (#E6FAF8, #78AF80, #A774AD, #007B2E, #56335B)
• Misty Pine Alley color palette (#D5FFFF, #8BCAAD, #30875C, #005132, #003823)

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