Ultramarine Harbor color palette — #FFF4E2 · #009BBF · #1E56C5 · #831100 · #003A55

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1E56C5): A full-bodied, vivid violet — the color of wild irises.
• Rust (#831100): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003A55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.

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 Lantern color palette (#FBEDD7, #428CC5, #544E9B, #642F00, #1A3052)
• Sunlit Bloom color palette (#FFF4E2, #00A19B, #00698C, #810042, #003D43)
• Hazy Ultramarine Terrace color palette (#FFEFDC, #00A6A4, #3247E2, #563700, #002314)
• Indigo Alley color palette (#E0FFDE, #00BFC0, #556DF3, #7D5000, #003C4D)
• Weathered Quarry color palette (#E7FBF1, #0089B4, #7A319B, #721F00, #2A3600)
• Aged Pewter Summit color palette (#FFF4E2, #7B96D3, #785A97, #694600, #503245)
• Tempered Aubergine Delta color palette (#F6EDDF, #0D64BE, #471A89, #371D00, #080F3C)
• Muted Coast color palette (#FAF4EB, #B5D8C1, #008BB7, #006762, #00436C)

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