Onyx Drift color palette — #D3F2F6 · #00768F · #004974 · #001448 · #010009

A conversation between Midnight and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3F2F6): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00768F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004974): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001448): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Lagoon Hollow color palette (#D6F2E7, #008781, #004B58, #001521, #000104)
• Deep Delta color palette (#D0E9F1, #006B92, #003658, #001A38, #020033)
• Tempered Petrol color palette (#D2EFE5, #0071AD, #6B5000, #002E4A, #020100)
• Pale Nightshade Boulevard color palette (#D9F6FF, #006EAE, #001CBB, #0F004D, #020007)
• Shadow Cornflower color palette (#DAE4F9, #4380E8, #003288, #000128, #000009)
• Antique Denim color palette (#CBE6FE, #00588F, #693800, #383200, #000103)
• Aged Peony Thicket color palette (#F8E2FA, #A9A6EC, #C16DBB, #005365, #00000B)
• Lapis Terrace color palette (#D9E6F8, #3F53DE, #4D00A2, #1B002D, #030003)

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