Ultramarine Harbor color palette — #FBE9F7 · #1D42EE · #575600 · #383800 · #00011E

Cobalt takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FBE9F7): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#1D42EE): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#575600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00011E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Ultramarine Quarry color palette (#EED9EF, #005FB7, #6A4D00, #463200, #000410)
• Wandering Chapel color palette (#F6E3F3, #264CEF, #653900, #002D2E, #000A0A)
• Grape Courtyard color palette (#FBE8F2, #6137D4, #8E0B70, #4B2E00, #05001A)
• Linen Station color palette (#F4DDED, #6161FB, #996300, #3F6000, #03011B)
• Deep Lantern color palette (#DDE4F2, #342BA0, #512B00, #182000, #03001C)
• Frosted Archive color palette (#F9E3EA, #7102B3, #255200, #143100, #030009)
• Antique Thicket color palette (#D4E6DF, #006896, #5F5300, #003D48, #00050B)
• Gentle Sapphire color palette (#D3EEDF, #4661E4, #85005E, #00342C, #110028)

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