Ultramarine Pier color palette — #DEEEFF · #5B9FFF · #2C6CFD · #302FD6 · #28256D

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

The five colors

• Frost (#DEEEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#5B9FFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#2C6CFD): A full-bodied, vivid violet — the color of wild irises.
• Cobalt (#302FD6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#28256D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Grape Hollow color palette (#DCE6FA, #8BA0FF, #6963FF, #5822CD, #3E206D)
• Misty Station color palette (#CDE3EC, #04A0EF, #123AFF, #3A24AA, #442269)
• Aged Aubergine Lantern color palette (#DDF8FF, #5FC2FF, #2D79FF, #5116B2, #3E055E)
• Timeworn Azure color palette (#DCF2FD, #1DB0F6, #0081CF, #0057A2, #04296A)
• Amethyst Chapel color palette (#EAEAFF, #A5A7FF, #724DFF, #4500B8, #19004C)
• Bright Lapis Thicket color palette (#D8E5FF, #8194FF, #FB2263, #483EFE, #5B001D)
• Indigo Archive color palette (#F3F4FF, #E0D5FF, #E19EFF, #5E6EEA, #3C325E)
• Byzantium Terrace color palette (#E7E4F6, #A879F1, #972ED8, #6C1E8D, #47204E)

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