Onyx Drift color palette — #DFEAF2 · #878E99 · #646986 · #002D44 · #000103

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFEAF2): a clean, paper-quiet neutral.
• Gray (#878E99): a calm mid-gray that lets other colors speak.
• Slate (#646986): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#002D44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Onyx 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 Alley color palette (#E6E8F0, #8C8B9B, #6F667A, #29106B, #010106)
• Ancient Navy Garden color palette (#DEEAE6, #C2B6C2, #A4889E, #003F68, #000201)
• Patina Denim color palette (#E3EAF3, #C6CBDC, #A3A0BB, #32558A, #0D1622)
• Denim Harbor color palette (#C0E7F8, #4C5D8E, #462B4C, #0B1A00, #000500)
• Airy Aubergine Veranda color palette (#D7E4F7, #008B96, #005CB5, #610062, #010009)
• Patina Grape color palette (#F1F0FF, #D7D0E1, #B9A3BB, #7D349A, #19172A)
• Wandering Pewter color palette (#F0F1F9, #DBD5DC, #C6B7C0, #766D9D, #292B37)
• Midnight Chestnut Grove color palette (#FAE1E9, #695600, #252E00, #060D39, #020100)

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