Navy Harbor color palette — #F9EBE0 · #2295C9 · #004693 · #002B2D · #03001B

A conversation between Indigo and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9EBE0): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#2295C9): A luminous, balanced blue — the color of deep harbor water.
• Indigo (#004693): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002B2D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#03001B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Softworn Cerulean color palette (#F8E8E1, #3699A4, #00516A, #002D21, #00040E)
• Chalky Bloom color palette (#ECDEE4, #6097B4, #0040A4, #00302B, #160040)
• Petrol Veranda color palette (#DFF3F2, #7CC0E8, #006DA9, #003C4B, #000309)
• Soft Petrol Loft color palette (#D8E5DA, #74A9C9, #0068B4, #004952, #020B3F)
• Deep Terrace color palette (#CFE3F8, #0066DF, #003E6E, #000F28, #000104)
• Aged Villa color palette (#E4F3ED, #00638C, #693D00, #002E43, #060200)
• Dusty Basin color palette (#D2E3DD, #809EFD, #A155BD, #004C50, #000411)
• Dusty Chapel color palette (#FBF0E5, #A1D4C3, #5E7CB1, #005A61, #321528)

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