Ultramarine Pier color palette — #D0EBF3 · #007576 · #004AD3 · #375500 · #000A0A

Cobalt and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D0EBF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007576): A full-bodied, balanced teal — the color of shallow lagoons.
• Cobalt (#004AD3): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#375500): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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 Grape color palette (#D5EDF5, #00728A, #5D00E8, #005A2E, #00090E)
• Pine Atelier color palette (#D2E5D9, #007A49, #00657F, #5B4800, #000B04)
• Sapphire Parlor color palette (#D2E0F9, #4959FF, #B20096, #00646D, #070B33)
• Tempered Market color palette (#BEE9E5, #00A19D, #00635F, #002B28, #000302)
• Quiet Byzantium Bloom color palette (#D8EAFF, #0B87F1, #B42CD5, #007971, #04203C)
• Dusty Byzantium Garden color palette (#CCEDE7, #009183, #8C50CC, #945500, #000A08)
• Chalky Garnet color palette (#CFEFE8, #005A4E, #770045, #5E0024, #000A08)
• Cerulean Study color palette (#C6F2EE, #33C4D3, #009DC4, #006958, #001C1E)

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