Navy Harbor color palette — #FFDCE1 · #00449C · #1F006B · #200010 · #000019

Indigo and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#FFDCE1): A whisper-light, dusty red — the color of late-summer berries.
• Indigo (#00449C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1F006B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#200010): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#000019): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged retro, dark.

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

• Inked Navy color palette (#E7EFDB, #004F78, #001369, #1E0019, #00030B)
• Smoked Nightshade color palette (#FFE0DF, #4418BD, #330057, #220005, #040014)
• Navy Hollow color palette (#F5E2F1, #342E29, #13008E, #140401, #040019)
• Aubergine Terrace color palette (#F6E8F4, #007CC5, #004FC4, #3F079D, #000013)
• Cobalt Summit color palette (#E4E9DA, #2D88C0, #003E6D, #00202D, #00081D)
• Airy Quarry color palette (#D9F9DF, #0067A9, #3D2489, #331700, #000214)
• Worn Aubergine color palette (#DCE2FC, #615691, #4F2B68, #34140C, #220100)
• Washed Grape Basin color palette (#F3DED4, #8535C0, #660066, #431100, #21092B)

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