Ultramarine Pier color palette — #F9EBDF · #69C1F6 · #2062C5 · #003D41 · #020013

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

The five colors

• Cream (#F9EBDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#69C1F6): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2062C5): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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 Orchard color palette (#FCEAE1, #2CCCE2, #007197, #003F32, #000209)
• Wandering Navy Lantern color palette (#FCE9F1, #6190B0, #263E9B, #002C2B, #060016)
• Muted Glacier Corridor color palette (#FFF2EB, #6BE1E2, #0088A2, #005435, #000E1A)
• Cornflower Atelier color palette (#EADCD0, #86B7D7, #5A7DDB, #006D69, #1A003C)
• Weathered Boulevard color palette (#FCF3EB, #C5E4F8, #8AA5E2, #007D8A, #402434)
• Worn Grape color palette (#F3EFCB, #7E981F, #7905C5, #354200, #020006)
• Quiet Ridge color palette (#F3EBC2, #56E79B, #00AFBD, #755400, #030C00)
• Misty Loft color palette (#DBE2CC, #5A7200, #6E00CE, #6B0079, #010100)

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