Ultramarine Pier color palette — #F9EBE1 · #71C2E8 · #005FD4 · #003F37 · #030011

Cobalt and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#71C2E8): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#005FD4): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Energy, 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

• Patina Summit color palette (#FCEAE3, #68C8D0, #007198, #004122, #00020D)
• Timeworn Indigo color palette (#FDF3E8, #A2D1FB, #5765F5, #005153, #140029)
• Weathered Lagoon color palette (#F4E7ED, #4E99BC, #004A89, #00302F, #0A0541)
• Cobalt Terrace color palette (#E0F3E4, #66BCE4, #0888D9, #006B75, #000F3A)
• Wandering Iris Field color palette (#E5F4CE, #30DDF8, #8C99FA, #3A5A00, #000706)
• Ancient Teal color palette (#95F6EB, #00ADA8, #005F59, #001918, #000201)
• Worn Plum Study color palette (#E8F0E4, #00937E, #B70075, #00473C, #040001)
• Weathered Emerald color palette (#ECF3D4, #1DA01E, #00624E, #002623, #000608)

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