Tempered Drift color palette — #F3E1DB · #D30041 · #4C280F · #260E07 · #0A0202

Crimson and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F3E1DB): A whisper-light, dusty orange — the color of toasted spice.
• Crimson (#D30041): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#4C280F): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#260E07): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0A0202): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Weathered Scarlet color palette (#FADACD, #DC4037, #5C3500, #2E1D15, #150A09)
• Feathered Raspberry color palette (#FFE0E0, #C50091, #502324, #231010, #090304)
• Washed Terracotta color palette (#FFE3D3, #A63400, #39453D, #331F00, #140500)
• Washed Market color palette (#F7E1F8, #E64D66, #714924, #3D263F, #06030B)
• Worn Bronze Lagoon color palette (#FCEAD5, #A36900, #3C3A00, #281600, #110400)
• Chalky Coral color palette (#FFE2E5, #FF675D, #C74F00, #734400, #372700)
• Muted Amber Basin color palette (#EEDFD5, #D5731A, #0086B0, #0061A9, #341600)
• Weathered Pine color palette (#EBE4D2, #8AB462, #1E8654, #6E4954, #2C2A0D)

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