Ultramarine Pier color palette — #EFE1E7 · #679AB5 · #004BC6 · #003C36 · #0B0126

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

The five colors

• Rose Water (#EFE1E7): bright and airy, almost weightless.
• Slate Blue (#679AB5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#004BC6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#003C36): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0B0126): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Hushed Delta color palette (#F1E4ED, #599EAE, #005D91, #003D2C, #03002D)
• Soft Ultramarine Orchard color palette (#EFE0E6, #60ABD6, #1350ED, #004A46, #18003D)
• Muted Navy color palette (#EBE3D6, #4989AA, #003E6C, #002226, #000427)
• Cobalt Study color palette (#E2F1F0, #79A8C1, #1B7BB4, #005A6E, #000A18)
• Muted Cobalt color palette (#E8DCE4, #7CBDCE, #007AC1, #005B45, #13174B)
• Indigo Study color palette (#CEF0E2, #32B0C4, #6171E4, #3E5500, #001513)
• Lagoon Archive color palette (#CAEBE8, #00928B, #005656, #001D1C, #000202)
• Tempered Pine color palette (#F5EAF5, #84D5D3, #0095B8, #007224, #032F56)

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