Ultramarine Pier color palette — #CEEFF0 · #007F56 · #0248BD · #003421 · #000107

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

The five colors

• Frost (#CEEFF0): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007F56): A full-bodied, balanced teal — the color of glacier melt.
• Cobalt (#0248BD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#003421): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged cool.

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

• Misty Harbor color palette (#D5EFF6, #007B7B, #6217C4, #003233, #020008)
• Shadow Dune color palette (#E5EDDB, #006043, #002F9B, #002819, #00031C)
• Softworn Olive color palette (#DDEFE7, #697200, #005F6F, #2A2E00, #000102)
• Dusty Sapphire color palette (#D9E4CE, #00828A, #425EEA, #070C10, #000102)
• Aged Fern Courtyard color palette (#DBF5FF, #007985, #585800, #003237, #010100)
• Linen Loft color palette (#D9EDFD, #0089BC, #A51BA2, #00415C, #030003)
• Tempered Lagoon Market color palette (#C8EBE2, #00917C, #004638, #12191D, #000806)
• Aubergine Loft color palette (#DFE8D4, #005B40, #67005B, #002518, #040003)

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