Tempered Drift color palette — #F4F4FF · #C358F2 · #3F3655 · #15112A · #010107

Orchid and Navy set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Orchid (#C358F2): A luminous, vivid violet — the color of a velvet chair.
• Navy (#3F3655): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#15112A): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#010107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Antique Peony Parlor color palette (#F7F3FF, #C261AC, #3D2E48, #120C1A, #010104)
• Worn Boulevard color palette (#F1F5FF, #837DFF, #3F335C, #0E1428, #000108)
• Hushed Wisteria color palette (#E1E1F9, #C67BF1, #83586E, #4F355E, #0B1021)
• Deep Byzantium Meadow color palette (#E7E0FF, #B233BC, #2A1D3A, #180C0C, #050110)
• Patina Blush color palette (#FFF1F5, #FF7DAB, #DE8600, #8B71D7, #3E0A20)
• Coral Coast color palette (#FEF1FA, #E99585, #604F58, #322730, #130D12)
• Pale Raspberry color palette (#F8F2FF, #FFA7D8, #64B4FF, #D3299B, #003055)
• Twilit Crimson color palette (#FFE8E7, #EA003C, #4E1509, #170002, #030004)

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