Navy Drift color palette — #C7ECF3 · #3AA4C9 · #0072AC · #00478F · #243865

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

The five colors

• Frost (#C7ECF3): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3AA4C9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#00478F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#243865): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Muted Coast color palette (#D0F8F0, #32B5B7, #007988, #00546B, #25335D)
• Ancient Market color palette (#C8EFF8, #56CDFF, #33A4F2, #4E82BB, #27345B)
• Worn Balcony color palette (#D7ECE9, #00BFDA, #008DE1, #445BAB, #38345D)
• Timeworn Navy color palette (#D1EEFB, #007BB4, #004B88, #0D0098, #170653)
• Pale Aubergine color palette (#C5E2FC, #76A0E8, #5161C7, #492BA1, #3E2E5D)
• Feathered Bronze Loft color palette (#DCF5EE, #5493CC, #A56A00, #005997, #4C2E00)
• Soft Navy color palette (#FFF0FD, #84A3E1, #2D60B5, #0C2793, #042153)
• Ancient Plum color palette (#F4DCF4, #4C7BB8, #B13F50, #356A00, #132C4B)

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