Ultramarine Pier color palette — #E8F1EA · #8ABCE9 · #3163BB · #003C4B · #010014

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Sky (#8ABCE9): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#3163BB): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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 Field color palette (#E7F1E9, #73C6CE, #00738B, #003F35, #000306)
• Patina Nightshade Summit color palette (#F3E4D4, #4290CC, #313A9C, #002B2C, #070015)
• Sunlit Boulevard color palette (#F9E8ED, #7FB7E2, #5871FF, #006D6D, #1C0039)
• Washed Garden color palette (#F0F7F2, #D4DEFB, #5893E1, #00677A, #101848)
• Airy Brick color palette (#FADEDE, #C0003A, #2C6900, #003F8A, #040000)
• Turquoise Summit color palette (#ECF9EE, #C9DCFA, #00ADC4, #00755D, #002938)
• Soft Sky Drift color palette (#EDF9EF, #D8D6E3, #5AB6FF, #008691, #0E326C)
• Misty Canyon color palette (#EEE1EF, #D04466, #007774, #73002A, #000201)

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