Soft Ultramarine Pier color palette — #F8E2F2 · #6B7ED9 · #867500 · #3600E9 · #201B00

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

The five colors

• Blush (#F8E2F2): A whisper-light, dusty pink — the color of neon signs at night.
• Periwinkle (#6B7ED9): A luminous, balanced violet — the color of wild irises.
• Walnut (#867500): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#3600E9): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Soft 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

• Grape Parlor color palette (#ECD8E2, #8870DE, #767B00, #5E00CC, #1B1D00)
• Nightshade Courtyard color palette (#E6EEFF, #6F84FF, #947600, #3234B6, #0B0700)
• Cornflower Lantern color palette (#F3DDF4, #4387DB, #9F6700, #0051A0, #281600)
• Hushed Pier color palette (#D5E1FE, #A1A5FF, #B58703, #5043C7, #241800)
• Wandering Aubergine color palette (#FEDEF0, #6752D5, #755200, #39009A, #261800)
• Washed Indigo color palette (#FFE9F7, #635DE3, #B23C00, #006943, #0E043A)
• Grape Canyon color palette (#ECDDFF, #C992FF, #61A000, #7D00C1, #1D3600)
• Misty Aubergine Canyon color palette (#FFE2E8, #C273D1, #008C33, #6D007E, #002207)

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