Ultramarine Pier color palette — #EFF6FF · #7EA0DA · #AF802B · #2D61BD · #583C04

Cobalt and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#7EA0DA): A luminous, balanced violet — the color of wild irises.
• Mustard (#AF802B): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#2D61BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#583C04): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Amber color palette (#EBF7FF, #61AACB, #C37145, #006F93, #653317)
• Hazy Amber color palette (#ECF2FF, #8E9DEE, #C97E21, #4C57A9, #3B2000)
• Patina Studio color palette (#F2F5FF, #A194D7, #8E8F36, #6D46C3, #454515)
• Apricot Boulevard color palette (#FFF0F9, #ACAFFC, #E48C42, #7576C4, #47413C)
• Tempered Pine color palette (#F0F5FF, #7086C3, #B06158, #1F7D38, #283854)
• Timeworn Grape Bloom color palette (#DAE4FF, #7971E8, #777400, #4B00CF, #313000)
• Patina Lagoon color palette (#FFF0FE, #AFCDFF, #DEB86A, #799FE0, #46423B)
• Cocoa Balcony color palette (#FFF0F8, #C09BA9, #986448, #7B3D33, #2D442F)

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