Quiet Navy Harbor color palette — #E3EEE5 · #5385B3 · #063090 · #00212B · #06002B

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

The five colors

• Cream (#E3EEE5): a clean, paper-quiet neutral.
• Cerulean (#5385B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Indigo (#063090): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Quiet 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

• Timeworn Terrace color palette (#E5EEE7, #4A8A9E, #00425E, #002222, #000919)
• Muted Ultramarine color palette (#F2E7DA, #5699CE, #3C49B4, #003B3C, #0F0022)
• Pale Cobalt Alley color palette (#E1E7D6, #7CA4CE, #2C72D1, #00577C, #010030)
• Softworn Denim color palette (#DAE4DC, #76A6C0, #005B96, #003D44, #0A1D42)
• Dusty Aqua color palette (#E8FBEC, #61CAD5, #007A95, #00574C, #003850)
• Navy Quarry color palette (#D3E6D2, #704700, #003A83, #2F1B00, #000516)
• Chestnut Atelier color palette (#EEE1BF, #785E00, #303C3E, #372500, #0F0900)
• Softworn Olive color palette (#D9F3DC, #A79F5F, #308000, #552800, #151000)

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