Ultramarine Harbor color palette — #FCE8F8 · #8CACFF · #AA8D03 · #233FE8 · #221A00

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

The five colors

• Blush (#FCE8F8): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#8CACFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#AA8D03): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#233FE8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#221A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Lapis Summit color palette (#F0D7E7, #A0A6FF, #809D02, #5129E7, #161E00)
• Wandering Quarry color palette (#D9ECE6, #66B6FF, #BD8203, #0061A3, #261700)
• Tempered Grape Coast color palette (#FDE2EE, #9572ED, #8C8200, #7500E9, #121000)
• Chalky Ridge color palette (#E7F0FE, #5782DE, #008966, #0029E3, #002116)
• Byzantium Thicket color palette (#FBDAE5, #DCB6FF, #B1AE03, #A022E8, #313000)
• Antique Iris color palette (#E6E7FF, #847AE9, #AF7600, #787B00, #110437)
• Gentle Byzantium Terrace color palette (#F0D8DD, #DA8AF6, #53A71D, #8F00B1, #092100)
• Muted Market color palette (#DBEDE2, #00ADD2, #E45F18, #007D98, #320D00)

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