Navy Drift color palette — #DCE0D2 · #5C90B7 · #004A86 · #002939 · #000313

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

The five colors

• Bone (#DCE0D2): a clean, paper-quiet neutral.
• Slate Blue (#5C90B7): A luminous, balanced blue — the color of deep harbor water.
• Navy (#004A86): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002939): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000313): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Navy 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

• Aged Boulevard color palette (#EEEFE3, #57969A, #00535E, #002C29, #000508)
• Patina Navy color palette (#F9E9EF, #6395BC, #193F9F, #002F34, #140041)
• Hushed Boulevard color palette (#D8ECEB, #72A8D1, #0068B4, #00475D, #001233)
• Washed Cobalt color palette (#F0F3EC, #A6D2C7, #587DB1, #005679, #0F1E43)
• Ultramarine Station color palette (#F6ECE3, #8CBDE2, #3662BB, #003D42, #020012)
• Tempered Bloom color palette (#F3F3E5, #59D1CE, #008188, #005347, #001E23)
• Aubergine Alley color palette (#E8DCEB, #CA85C0, #BB4E84, #511A79, #0D000D)
• Pale Grape Corridor color palette (#F3E3E8, #7336A9, #00545C, #3B0062, #000304)

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