Ultramarine Harbor color palette — #FBE4F2 · #B24100 · #3341DF · #3A39A4 · #190400

Cobalt and Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FBE4F2): A whisper-light, dusty pink — the color of neon signs at night.
• Terracotta (#B24100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cobalt (#3341DF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#3A39A4): A full-bodied, vivid violet — the color of wild irises.
• Ink (#190400): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, 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

• Gentle Field color palette (#FAD8E5, #9C5700, #6331D1, #523592, #150700)
• Muted Nightshade color palette (#F0E3DA, #874300, #4800CA, #57007F, #080200)
• Lapis Workshop color palette (#F0D9E2, #C87825, #4C45C3, #672D8B, #260716)
• Wandering Scarlet color palette (#F5E7F0, #D74020, #004F87, #303073, #180114)
• Quiet Denim Station color palette (#E0F4E5, #7D6000, #0054A0, #670035, #000B03)
• Quiet Aubergine color palette (#FAE3CB, #965C00, #006D67, #603581, #2F1A00)
• Softworn Lantern color palette (#FFF3E6, #CA7E00, #00968E, #844BB0, #160900)
• Quiet Byzantium Station color palette (#DBE9DF, #816800, #8F1CA4, #6E2979, #000F05)

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