Navy Drift color palette — #D7FEFF · #ADE9E4 · #83C8D8 · #5894C2 · #3B437D

Navy takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
• Sea Foam (#ADE9E4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#83C8D8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#5894C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#3B437D): A full-bodied, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Softness, Clarity. Tagged light, muted, cool.

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

• Hazy Denim Basin color palette (#E5FFD6, #B7E7C6, #7CCABC, #51A1B4, #004A6E)
• Denim Station color palette (#D9FDFF, #9DD6E2, #5FACC5, #3B7D9E, #045079)
• Worn Basalt color palette (#E2FAFF, #B8E1FF, #A4B8E8, #9386BC, #623866)
• Hazy Cerulean Veranda color palette (#EBF8D5, #7CCCC3, #0894B1, #025684, #182353)
• Aqua Balcony color palette (#E7F4FB, #71C5D9, #6F7D8D, #49575E, #1B2325)
• Hushed Powder color palette (#FFF0F9, #9BE0D5, #84B4D9, #AE7F6E, #304C57)
• Muted Lapis color palette (#C9F8F7, #46C4ED, #3F8FE5, #5658C7, #330052)
• Softworn Taupe Corridor color palette (#DCFCFF, #C5E1F1, #B5BFD1, #90A690, #465749)

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