Navy Harbor color palette — #CAEEFE · #006D96 · #003E71 · #000D66 · #0B003C

Built around Deep Indigo, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#CAEEFE): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006D96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003E71): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#000D66): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#0B003C): 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 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

• Softworn Petrol Courtyard color palette (#CBE9EC, #00778D, #00455D, #002137, #0E0428)
• Hazy Navy color palette (#CAE9E9, #0081A2, #005B8B, #220089, #1C0038)
• Violet Bloom color palette (#D0E1FF, #9894CB, #9655A0, #00466B, #0F0A3A)
• Wandering Nightshade Orchard color palette (#DFEFF5, #0092D0, #0070C4, #032EBC, #120848)
• Nightshade Lantern color palette (#E7EDFF, #4067D8, #2413A2, #030041, #01000F)
• Quiet Ultramarine color palette (#F4DCF4, #005BBA, #6A4100, #002A5D, #190C00)
• Pale Nightshade color palette (#DDE6F1, #3C55E3, #3600AD, #2F0066, #24003D)
• Signal Workshop color palette (#C4E4F7, #0A97F4, #0051DB, #200DB3, #2F1275)

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