Tempered Drift color palette — #DCE9E5 · #ADA0A9 · #9F7A88 · #004975 · #000D08

Navy and Heather set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DCE9E5): bright and airy, almost weightless.
• Taupe (#ADA0A9): a calm mid-gray that lets other colors speak.
• Heather (#9F7A88): A luminous, dusty rose — the color of a warm blush.
• Navy (#004975): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D08): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Navy Basin color palette (#E9DFE8, #AEA0A7, #997E83, #0B38A1, #0F060E)
• Navy Boulevard color palette (#DAE4EE, #B0BBD1, #8E90A6, #003F66, #000104)
• Onyx Lantern color palette (#D8E0E9, #909BAA, #607092, #002B54, #030A12)
• Aged Aubergine Ridge color palette (#E5DDDF, #C1AFB0, #AF8C84, #6E2F93, #200D14)
• Antique Aubergine color palette (#C6EFFA, #657DA5, #5F3E73, #2F3100, #00190E)
• Navy Station color palette (#ECDFD1, #84742F, #3C4C00, #162068, #080600)
• Weathered Cobalt Parlor color palette (#F2ECF1, #E2D2D9, #D1ADB3, #4C6DC0, #352A33)
• Hushed Corridor color palette (#E2E3CA, #006D90, #3E1B92, #1E2200, #00030C)

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