Navy Drift color palette — #E0EFEF · #5386AC · #003D6F · #00202D · #00081F

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

The five colors

• Frost (#E0EFEF): bright and airy, almost weightless.
• Cerulean (#5386AC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D6F): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#00202D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Navy Balcony color palette (#EDE2E6, #527E9E, #082F8E, #001F22, #01000A)
• Timeworn Lagoon color palette (#E1F1ED, #4D8D8C, #00454A, #00231E, #000C0F)
• Dusty Pier color palette (#D8EEED, #6694BF, #054790, #002D41, #010A41)
• Weathered Cobalt Basin color palette (#E5E9DE, #7AA6CA, #0074D3, #005977, #000722)
• Ancient Petrol Atelier color palette (#E2F3EF, #75BFC6, #007586, #00504C, #003441)
• Chestnut Dune color palette (#F8EBD7, #835E00, #3F2B00, #1E2925, #100800)
• Aged Lagoon Harbor color palette (#E9F9F6, #9BDCDA, #009199, #00685A, #004952)
• Tempered Amber Workshop color palette (#D0ECD2, #B19337, #6E6B03, #462600, #110A00)

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