Ultramarine Pier color palette — #FAF2FA · #E0CBDB · #BD9BB0 · #0050C4 · #3D2C3C

Cobalt takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#E0CBDB): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#BD9BB0): A luminous, dusty pink — the color of neon signs at night.
• Cobalt (#0050C4): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#3D2C3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Energy, Sophistication. Tagged scandi, muted, light.

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 Corridor color palette (#FFF0F7, #E3CBD4, #C698A4, #6238B8, #422A37)
• Denim Thicket color palette (#F8EEF9, #E5CBDB, #B9A0CC, #005BA7, #231324)
• Denim Drift color palette (#ECF8F4, #DDCCDE, #BA9BB6, #006093, #113B30)
• Patina Cobalt Quarry color palette (#EEF6FF, #D5DEF4, #CBB2DF, #1578D3, #273442)
• Cobalt Lantern color palette (#F9F3F7, #E1D7D8, #B3ADA2, #717FAF, #594F57)
• Muted Coast color palette (#F8EDEE, #C7B3B4, #A48684, #700176, #30161B)
• Aubergine Field color palette (#EDE6EA, #A5949C, #826872, #27007B, #13040D)
• Ancient Cocoa color palette (#F3E5F3, #B581A2, #935265, #6D3F00, #493500)

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