Tempered Drift color palette — #E6F9FF · #BFE6FF · #A6A9ED · #188353 · #134255

A conversation between Fern and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Powder Blue (#BFE6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#A6A9ED): A luminous, balanced violet — the color of a velvet chair.
• Fern (#188353): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#134255): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Creativity, Balance. Tagged pastel, 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 Harbor color palette (#EDF6FF, #D4D8FF, #C99ED0, #007A87, #2F3E5A)
• Olive Veranda color palette (#DBFDFB, #A8DEE9, #6FC1E1, #5F7100, #1E4548)
• Powder Corridor color palette (#E9F8FF, #CCDCFE, #88C6F1, #3F9397, #2C434F)
• Airy Iris color palette (#C9E8F6, #8AB9EA, #9683D5, #005C46, #002935)
• Soft Violet Quarry color palette (#DEEDF6, #7FA2EB, #9857B4, #004649, #001A37)
• Airy Workshop color palette (#EDF1FF, #D8AFDD, #DE778E, #0067A7, #3C274C)
• Mulberry Corridor color palette (#EEF6FE, #53A1D9, #893785, #005481, #1B122C)
• Ancient Garnet Station color palette (#F5E2EA, #839F84, #895532, #76241E, #1A3728)

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