Ultramarine Pier color palette — #F0F5FF · #A1B4FF · #AE8700 · #3F4CB8 · #201700

Cobalt takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A1B4FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#AE8700): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#3F4CB8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#201700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Ultramarine Pier 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

• Weathered Amber color palette (#EDF7FF, #6AC2FF, #BB7000, #006A9F, #271300)
• Misty Mustard color palette (#F1F5FF, #B6B6FF, #BFA823, #6C67BF, #2F2800)
• Timeworn Loft color palette (#F3F4FF, #CDA1FF, #7A9B0E, #762EB0, #141C00)
• Chalky Aubergine color palette (#E9EDFF, #9B77EF, #807F00, #5E00BA, #080800)
• Faded Canyon color palette (#EED5E7, #6375D4, #816700, #2E30AE, #332700)
• Iris Boulevard color palette (#F1F5FF, #7F7FFF, #D4531E, #007F52, #09052A)
• Antique Canyon color palette (#FFF0FE, #FD94FA, #00B165, #A100A2, #002611)
• Lilac Thicket color palette (#F3F4FF, #E1C7FF, #A9C786, #9E72CA, #2D3F0F)

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