Ultramarine Pier color palette — #EFF6FF · #95B7FF · #BE7D00 · #2A52B7 · #241400

A conversation between Cobalt and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#95B7FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#BE7D00): A luminous, balanced gold — the color of old brass.
• Cobalt (#2A52B7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#241400): A deep, shadowed, dusty gold — the color of old brass.

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

• Powdered Workshop color palette (#F2F5FF, #B9AAFF, #889700, #613EB4, #171B00)
• Airy Amber color palette (#EBF7FF, #31CAFA, #C36900, #006E8C, #291100)
• Marigold Drift color palette (#F0F5FF, #A9BBFF, #C5A229, #6071B8, #322600)
• Linen Corridor color palette (#EAEDFF, #7B80FF, #7A8200, #3E31B4, #070800)
• Frosted Market color palette (#EAD7E8, #4B7CD3, #876400, #003CAB, #362600)
• Feathered Cornflower Parlor color palette (#F0F5FF, #578BFF, #AB7700, #7D6A00, #000B25)
• Weathered Bloom color palette (#F9F2FF, #DBA8FF, #00B345, #8928BB, #002709)
• Antique Lagoon color palette (#F3F4FF, #D9CBFF, #C4C060, #917CC1, #194131)

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