Navy Drift color palette — #E9F1F9 · #B5BBC6 · #8990AC · #003D6C · #000104

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

The five colors

• Ivory (#E9F1F9): a clean, paper-quiet neutral.
• Ash (#B5BBC6): a calm mid-gray that lets other colors speak.
• Slate Blue (#8990AC): A luminous, dusty violet — the color of wild irises.
• Navy (#003D6C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Worn Nightshade color palette (#E6EAF3, #B7B9C9, #928DAC, #341E93, #000106)
• Antique Hollow color palette (#E5F3EF, #A593A1, #846676, #002C50, #020C09)
• Tempered Petrol color palette (#DCE3E8, #A49EB3, #98809D, #006A9D, #000A16)
• Weathered Aubergine color palette (#EDEDF8, #D2CDDA, #AEA0B7, #6D2688, #03010A)
• Basalt Atelier color palette (#DBEAFF, #7A6D9C, #653967, #281D00, #020300)
• Patina Cobalt Cabin color palette (#F1F5FC, #DDD8E2, #CABCCE, #5A6FC4, #181E2A)
• Weathered Magenta Studio color palette (#F6F3FF, #E3D6DF, #C2A99B, #B846BD, #262038)
• Worn Parlor color palette (#D6EDDD, #7D802E, #2C4500, #001F2C, #010100)

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