Tempered Drift color palette — #F4F6ED · #A8D0B9 · #0084AB · #005E67 · #124435

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Pistachio (#A8D0B9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0084AB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005E67): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#124435): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Petrol Corridor color palette (#F5F7E6, #73C7CF, #007C8D, #005653, #003947)
• Aged Ridge color palette (#F4F7EC, #A9D5F1, #0085D2, #00637C, #19416D)
• Muted Turquoise color palette (#F5F6EF, #C3EAE5, #63A4BA, #3E7A7D, #42584F)
• Cerulean Corridor color palette (#DFE2D8, #3D8BA9, #00425E, #002128, #000A16)
• Denim Grove color palette (#DFE2D5, #72A7C0, #005E89, #003C48, #00213B)
• Frosted Moss color palette (#F5EEDA, #95931A, #008994, #5C5A00, #003D43)
• Quiet Olive Balcony color palette (#E9E7C7, #638800, #007D7B, #864900, #2F2C10)
• Quiet Sapphire color palette (#ECF0E5, #8DB6DE, #0464CB, #004B6A, #1B2C54)

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