Ultramarine Pier color palette — #C7E9D3 · #707400 · #0840F7 · #0C0121 · #000106

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#C7E9D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#707400): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#0840F7): A full-bodied, vivid violet — the color of wild irises.
• Ink (#0C0121): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Navy Chapel color palette (#CDEAED, #616300, #004BAB, #0B0916, #000105)
• Pale Pier color palette (#E3F3D6, #00926E, #5500CC, #14031A, #00000A)
• Softworn Field color palette (#F0F0DE, #74A800, #135CE6, #000B38, #050004)
• Amethyst Summit color palette (#CFEEDD, #D45700, #6B42FF, #16011F, #01010A)
• Washed Bronze Quarry color palette (#EDEBD1, #A35800, #006C88, #080C13, #000103)
• Softworn Moss Corridor color palette (#CEF1DE, #65B400, #198EFA, #001733, #000715)
• Charred Summit color palette (#DFE7F7, #547400, #170060, #210D20, #020014)
• Hushed Indigo Coast color palette (#DEEAD8, #00B3EB, #585EEA, #07112B, #00020B)

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