Ultramarine Harbor color palette — #E5F0E7 · #75A7D1 · #005DD4 · #004858 · #0B0344
Cobalt takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E5F0E7): a clean, paper-quiet neutral.
- Blue Fog (#75A7D1): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#005DD4): A full-bodied, vivid blue — the color of deep harbor water.
- Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0B0344): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Ultramarine 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
- Tempered Petrol color palette (#D8E2D9, #75AAC1, #006DA3, #00494D, #001330)
- Ultramarine Archive color palette (#F9ECD9, #6DBFFF, #2162C4, #003C4A, #010014)
- Timeworn Nightshade color palette (#F4E7EB, #4F97C9, #262EB8, #00302F, #1A0632)
- Sunlit Indigo color palette (#F6E8DA, #77B7E9, #5D76EF, #006D6D, #1B0435)
- Hushed Cobalt Grove color palette (#E9F1EB, #A9C9E2, #5589C8, #00697B, #1E2A54)
- Azure Courtyard color palette (#EDF9EF, #ADE4FE, #33A4EE, #00818A, #1B3F73)
- Washed Cerulean color palette (#E9FBEC, #81DDDC, #009EB1, #00755A, #00394A)
- Dusty Archive color palette (#F1F7F2, #D4DFEE, #8DB8D0, #2D9989, #3C566A)
Browse the whole catalog at Explore, or see today's palette.