Ultramarine Harbor color palette — #F5ECE5 · #81BFE5 · #2164C0 · #003D40 · #020013

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F5ECE5): bright and airy, almost weightless.
• Sky (#81BFE5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2164C0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Ancient Orchard color palette (#FCEAE1, #80C4CB, #007292, #00402E, #000308)
• Tempered Delta color palette (#EBEFE1, #4493C0, #004D7C, #002A36, #00040F)
• Pale Loft color palette (#D4E6E4, #6CBAE9, #0089D8, #006984, #00142D)
• Teal Lantern color palette (#DCF0F1, #00AFAC, #00585B, #001D1D, #000201)
• Washed Plum color palette (#DBE7D5, #009281, #BB0064, #00463D, #040001)
• Timeworn Meadow color palette (#DFEDDA, #00A24B, #00614F, #003130, #000303)
• Petrol Thicket color palette (#FBF4ED, #C5E0F2, #88A6E0, #007D89, #2C2751)
• Mulberry Studio color palette (#CBF2F5, #00757D, #940087, #810306, #000102)

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