Ultramarine Harbor color palette — #F9ECDF · #5B99C6 · #2150B3 · #003B40 · #090126

A conversation between Cobalt and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
• Slate Blue (#5B99C6): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2150B3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#003B40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#090126): A deep, shadowed, dusty 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 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

• Muted Balcony color palette (#F6EBDF, #55A8ED, #3C5AC8, #004952, #16043B)
• Worn Delta color palette (#F2DFD6, #44A1B4, #005F87, #003C33, #00081E)
• Denim Hollow color palette (#E0E8E2, #85A6C3, #1252A2, #002A33, #00000B)
• Muted Meadow color palette (#E9DED4, #5086AF, #222E89, #002222, #0F0023)
• Soft Ultramarine Balcony color palette (#FFE7D1, #995500, #0053B2, #542C00, #000516)
• Cerulean Cabin color palette (#FAEBE4, #82D4DB, #0094BA, #006F51, #003052)
• Pine Dune color palette (#FEF2EC, #9FEBE8, #00AECA, #008851, #054563)
• Navy Parlor color palette (#EEDCC9, #7D4B00, #00527E, #0F2C98, #040100)

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