Soft Ultramarine Pier color palette — #F5E9F4 · #387CDC · #008657 · #004FAD · #000803

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

The five colors

• Blush (#F5E9F4): bright and airy, almost weightless.
• Azure (#387CDC): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Fern (#008657): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#004FAD): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Washed Workshop color palette (#DEEDE5, #008AB3, #568000, #005D79, #030700)
• Worn Basin color palette (#FDDDEE, #7C65E2, #00827D, #572AC0, #000807)
• Cobalt Quarry color palette (#DAEBFF, #1F6ABF, #675200, #002A58, #020100)
• Gentle Coast color palette (#E4EBFF, #415BEA, #AA1095, #00656C, #000010)
• Tempered Nightshade Meadow color palette (#FFE7FB, #345FCF, #7C4C00, #050FA7, #0C0400)
• Worn Plum Harbor color palette (#D2F4E9, #0085CA, #B43491, #00598A, #11000B)
• Faded Pier color palette (#F5D7DB, #C160C6, #008CB4, #9E00A7, #00121A)
• Hushed Veranda color palette (#FFE4F7, #AAA4F4, #A485CE, #3E6BC0, #0B042A)

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