Ultramarine Pier color palette — #EFF6FF · #79A1ED · #B41F45 · #003ADB · #28142A

Built around Cobalt, softened by Ruby — the whole palette hums with energy and balance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#79A1ED): A luminous, balanced violet — the color of a velvet chair.
• Ruby (#B41F45): A full-bodied, vivid red — the color of embers at dusk.
• Cobalt (#003ADB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#28142A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Balance. Tagged duotone, vibrant.

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

• Worn Nightshade color palette (#F2F5FF, #9590D2, #9C3348, #4F2FAF, #230F25)
• Plum Studio color palette (#EEF6FF, #46A8F8, #A62581, #005993, #310D26)
• Aged Nightshade color palette (#E6EBF6, #7283CA, #96080D, #280FB7, #220101)
• Washed Field color palette (#F4F4FB, #BEA0D9, #A95235, #7840A1, #311C2A)
• Pale Plum color palette (#FDEDF5, #A795FF, #B100A5, #622CCD, #180105)
• Chalky Mulberry Station color palette (#EFF6FF, #3B7BDA, #A90030, #1D4C00, #003355)
• Misty Magenta color palette (#F2F5FF, #B8AEFF, #D032D0, #7957E6, #1F1830)
• Hazy Mulberry color palette (#DBFEF4, #7D80DC, #95327F, #00533C, #3E285B)

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