Navy Harbor color palette — #F3E7DE · #2B83A2 · #003B74 · #00201A · #01000A

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

The five colors

• Parchment (#F3E7DE): a clean, paper-quiet neutral.
• Cerulean (#2B83A2): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B74): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Navy color palette (#F1E7DF, #4994B6, #00439C, #002C27, #050019)
• Denim Boulevard color palette (#CFE6FD, #006594, #003155, #000918, #000103)
• Sunlit Lagoon color palette (#CCF0DE, #6D90D1, #9339A8, #00352D, #040004)
• Garnet Villa color palette (#D4F6EB, #005081, #6D1800, #002038, #040000)
• Weathered Meadow color palette (#EFE8E0, #90B8DE, #5760BA, #004B4E, #1D0C2D)
• Basalt Corridor color palette (#CAE9D3, #00444D, #432C00, #1A2002, #000102)
• Worn Cerulean Parlor color palette (#FBEFEB, #AFD2B4, #0087B3, #005F33, #2D172D)
• Aged Cornflower Canyon color palette (#FCEFE4, #A1D8FB, #4D7AEF, #00625E, #29194B)

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