Ultramarine Pier color palette — #F2E7DC · #6E9E90 · #2B4FB0 · #003A41 · #0A0028

Cobalt and Ink set the tone — five colors that lean into creativity and calm.

The five colors

• Parchment (#F2E7DC): bright and airy, almost weightless.
• Eucalyptus (#6E9E90): A luminous, dusty teal — the color of shallow lagoons.
• Cobalt (#2B4FB0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003A41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0A0028): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, 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

• Ancient Atelier color palette (#EADFDB, #589FAC, #006084, #003D31, #00091B)
• Softworn Ultramarine color palette (#F8E8ED, #6DA9D6, #204AB2, #002B2F, #010009)
• Muted Study color palette (#DCE9E8, #5C85A7, #003C73, #00202E, #000623)
• Softworn Quarry color palette (#E8EDDE, #6EA7D4, #1D75CB, #005977, #000722)
• Lagoon Canyon color palette (#CAF0F1, #008C95, #005259, #001C1F, #000202)
• Iris Alley color palette (#D5EDD4, #73ADC1, #7080C9, #005934, #000D11)
• Mulberry Harbor color palette (#DAE4D8, #007A70, #A40040, #00423C, #130003)
• Hushed Cerulean Thicket color palette (#F9EBE4, #B0CDB6, #0093BE, #006F54, #002F55)

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