Ultramarine Pier color palette — #D4F8F0 · #034CB6 · #4B005C · #001A04 · #01000D

Cobalt and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4F8F0): A whisper-light, dusty teal — the color of sea glass.
• Cobalt (#034CB6): A full-bodied, vivid blue — the color of open sky before noon.
• Royal Purple (#4B005C): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#001A04): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#01000D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged retro, dark.

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

• Nightshade Studio color palette (#CBEADE, #5340A4, #56003C, #001913, #030008)
• Charred Aubergine color palette (#CFEFE3, #005D7D, #33007D, #131600, #000206)
• Cellar Navy Archive color palette (#D5E6FA, #00498B, #550105, #00150A, #000201)
• Sapphire Delta color palette (#D1E5CC, #2F64EA, #770086, #003608, #0C002D)
• Antique Basalt color palette (#D3E6F7, #69688E, #5E2B4F, #0D2D00, #000C0C)
• Grape Summit color palette (#F1DBEB, #721CBA, #500057, #320700, #150022)
• Violet Orchard color palette (#EFE0D8, #8F51CE, #6E0073, #360900, #030005)
• Antique Alley color palette (#EFE0EB, #5495A5, #004F74, #002C26, #000313)

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