Tempered Drift color palette — #F8DBE8 · #966C6B · #71393D · #00273A · #010008

Cocoa and Midnight set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#F8DBE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#966C6B): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#71393D): A full-bodied, dusty red — the color of embers at dusk.
• Midnight (#00273A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged vintage, retro, 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

• Timeworn Veranda color palette (#FBE4ED, #A87266, #4D4A00, #31083C, #070003)
• Velvet Villa color palette (#F5DEDD, #954402, #412E00, #031F0A, #000306)
• Worn Bronze color palette (#FFE7E6, #AF7550, #7F6400, #00545B, #000F1B)
• Timeworn Field color palette (#F1EBD3, #635400, #004D6A, #00374D, #020100)
• Charred Boulevard color palette (#EBDCC0, #997700, #543E00, #100700, #020100)
• Washed Bronze Market color palette (#FBE9D3, #8D6100, #005B86, #3B2600, #000103)
• Aged Balcony color palette (#E6E2D1, #4F8A59, #00463E, #320033, #000200)
• Aubergine Grove color palette (#F2D8D7, #D6928B, #877A24, #5A2962, #390426)

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