Navy Harbor color palette — #E9F8FF · #CFDBFA · #72A7E0 · #4768A6 · #1E246B

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Powder Blue (#CFDBFA): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#72A7E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4768A6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#1E246B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Aubergine Market color palette (#F0F5FF, #E1D5F3, #9A9DDD, #645598, #3E1260)
• Petrol Market color palette (#D7FEFF, #BAE1FF, #55B3CD, #006E94, #003959)
• Cobalt Workshop color palette (#D9F3FF, #74BAEB, #237BC4, #1A4994, #283376)
• Ancient Grove color palette (#E1FFDC, #99DFF0, #79B7EE, #637FE0, #432576)
• Wandering Nightshade Coast color palette (#D8EAF8, #2D86E3, #093DB1, #14006A, #010009)
• Hushed Drift color palette (#F1F9E5, #93D5FF, #6C92D1, #7C5377, #183931)
• Nightshade Dune color palette (#EEF6FF, #9BBCFF, #5C6EFF, #470DC0, #200047)
• Periwinkle Thicket color palette (#E1FCF4, #5AA4E3, #533E52, #0E231E, #010705)

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