Ultramarine Pier color palette — #F2E4F0 · #0228DE · #004A37 · #00076A · #000805

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

The five colors

• Blush (#F2E4F0): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#0228DE): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004A37): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#00076A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000805): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Creativity, Calm, Energy, Depth, Luxury. Tagged dark, vibrant, 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

• Cellar Nightshade color palette (#F2D9ED, #2840A0, #4C3800, #080066, #020100)
• Cellar Grape color palette (#EBDCE2, #6800BA, #00484B, #2C0054, #000808)
• Obsidian Denim Archive color palette (#CCECE3, #00548B, #004C21, #00223C, #000902)
• Worn Nightshade Atelier color palette (#E2EDFF, #3B5AD6, #6E5400, #141B9B, #090500)
• Moonless Aubergine color palette (#E8E9FA, #4000A8, #60003C, #002933, #02000D)
• Velvet Grape Basin color palette (#F0DFE8, #5819C2, #7A010B, #24005C, #140000)
• Worn Aubergine Study color palette (#DBF1FF, #00587D, #6C005F, #002436, #10000D)
• Ancient Lilac color palette (#FFE5F3, #A482F3, #884CA0, #222E6E, #1D0211)

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