Ultramarine Pier color palette — #E9DFD8 · #77A5C2 · #264DB3 · #003E3B · #230F49

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

The five colors

• Parchment (#E9DFD8): a clean, paper-quiet neutral.
• Blue Fog (#77A5C2): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#264DB3): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#230F49): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Canyon color palette (#ECE1DC, #66ABB5, #005F85, #004026, #041850)
• Frosted Cobalt color palette (#E5DFD7, #81B9DB, #0077CC, #005763, #0A1B47)
• Hushed Navy Veranda color palette (#E6DCD5, #59879E, #003783, #00231E, #0A0028)
• Navy Dune color palette (#FFF2ED, #75C6D4, #0076AB, #00593B, #152974)
• Nightshade Bloom color palette (#E6E5D0, #618A2A, #4D25B0, #294200, #1C0050)
• Cornflower Grove color palette (#F5E5EB, #86C9EF, #5A8EF3, #007E75, #211346)
• Cornflower Pier color palette (#FCF3EB, #ABD4F2, #5D7AD0, #006764, #472F73)
• Cerulean Loft color palette (#F3EDCE, #89C4AB, #258EB7, #643D00, #112B0A)

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