Tempered Drift color palette — #D6E9EE · #69BEDC · #7C90EC · #00733A · #001B1E

Lavender Blue and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D6E9EE): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#69BEDC): A luminous, balanced blue — the color of open sky before noon.
• Lavender Blue (#7C90EC): A luminous, balanced violet — the color of a velvet chair.
• Pine (#00733A): A full-bodied, balanced teal — the color of sea glass.
• Ink (#001B1E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.

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

• Worn Lilac Ridge color palette (#DBF1FA, #8EB2EB, #A180CC, #006258, #001A2D)
• Weathered Drift color palette (#D8EDEC, #76C0BA, #009CDB, #4C5D00, #00231E)
• Periwinkle Delta color palette (#DFF8D9, #7DE0FF, #8CA5F5, #206A2F, #000901)
• Antique Study color palette (#CDE4EC, #40D0F2, #03B2ED, #008F87, #001F2A)
• Pale Turquoise Orchard color palette (#D2F3F5, #00C2E4, #008BBC, #004D49, #00181C)
• Patina Lagoon color palette (#E5F9FF, #B7E1FF, #B7B7FF, #009B70, #003B4C)
• Blush Ridge color palette (#DAE2F1, #CCB0F6, #D98ABB, #006E8F, #24214C)
• Peony Parlor color palette (#F8E7DC, #F0009F, #008CA5, #000F14, #000205)

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