Ultramarine Pier color palette — #F6E2F3 · #5C86F3 · #9E7A00 · #1C39FF · #160E00

Cobalt takes the lead with Periwinkle close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#F6E2F3): A whisper-light, dusty pink — the color of peonies in June.
• Periwinkle (#5C86F3): A luminous, vivid violet — the color of twilight just after sunset.
• Ochre (#9E7A00): A full-bodied, balanced gold — the color of old brass.
• Cobalt (#1C39FF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#160E00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, 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 Nightshade Grove color palette (#F0D8EC, #406DE4, #806100, #0900D0, #160E00)
• Cornflower Delta color palette (#CDF0E6, #0091F0, #B06F00, #0065AA, #1A0C00)
• Grape Lantern color palette (#FFE6F0, #AF83FF, #818802, #6500BA, #0F1100)
• Ancient Grape color palette (#FADAE7, #8B66CA, #697A00, #6C00C2, #050700)
• Tempered Aubergine color palette (#DCE3F4, #7267EA, #915800, #3900A3, #020100)
• Dusty Basin color palette (#DBE1F5, #5D70E5, #D22A00, #007B3F, #030028)
• Misty Thicket color palette (#FFD7F2, #A2AEFF, #D2AE20, #6468F3, #382D00)
• Feathered Ultramarine color palette (#D9E5FF, #1C3FE0, #594700, #070086, #040300)

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