Navy Harbor color palette — #FDEAF0 · #6894BA · #213E9F · #002F35 · #160040

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

The five colors

• Blush (#FDEAF0): A whisper-light, dusty rose — the color of a warm blush.
• Slate Blue (#6894BA): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#213E9F): A full-bodied, vivid violet — the color of wild irises.
• Deep Forest (#002F35): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#160040): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Washed Denim color palette (#ECDDE7, #6399A7, #004F74, #003129, #001135)
• Ultramarine Courtyard color palette (#DDEBEA, #6FA8D6, #0066BB, #00465F, #001038)
• Tempered Cobalt Study color palette (#CAEBF3, #64A8BF, #5D6EC2, #004621, #001E23)
• Pale Cornflower color palette (#EEDFD0, #6CB8F2, #557DDE, #006B76, #130935)
• Deep Petrol Bloom color palette (#D9EFF0, #007E88, #004144, #001617, #000203)
• Softworn Petrol color palette (#FEF0FA, #7AC7C6, #007B91, #005936, #003753)
• Misty Cobalt Boulevard color palette (#FFF0F8, #ACD4EF, #0082DD, #006764, #2B387B)
• Muted Parlor color palette (#D3EBF0, #006E68, #8E003C, #003431, #25000A)

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