Ultramarine Harbor color palette — #F9E1D7 · #A89303 · #005DBD · #130C16 · #030004

Cobalt and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F9E1D7): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#A89303): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#005DBD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Ink (#130C16): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, 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

• Worn Coast color palette (#DFE0C8, #978100, #5341F4, #11071A, #01000A)
• Rust Field color palette (#DBEADA, #C04900, #006C98, #0B0E16, #000205)
• Aubergine Lantern color palette (#E8DFE2, #CAB4B7, #AE8781, #4F0987, #040001)
• Tempered Alley color palette (#FCE8D5, #E100A3, #008288, #070D10, #000202)
• Frosted Lime Garden color palette (#E7E3D1, #03E066, #9567EA, #130013, #040002)
• Onyx Thicket color palette (#FEE9F9, #937700, #09005E, #0D0104, #00000B)
• Byzantium Orchard color palette (#E2E5D6, #04C398, #B200D2, #1B0908, #040001)
• Nocturne Lapis color palette (#C3E9EE, #98009F, #3B00E5, #17070A, #040003)

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