Ultramarine Pier color palette — #F8EFC8 · #747900 · #005EB4 · #670046 · #010100

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

The five colors

• Custard (#F8EFC8): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#747900): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#005EB4): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#670046): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Black (#010100): a grounded near-black with real depth.

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

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

• Faded Grove color palette (#F9EECD, #7B7600, #603FC6, #6D0029, #020100)
• Ultramarine Ridge color palette (#E0F6D6, #008574, #005EB6, #5E0062, #000200)
• Soft Aubergine Grove color palette (#FFEBCA, #8E6D00, #006C79, #530078, #020100)
• Antique Veranda color palette (#F9F6DD, #546D00, #003B85, #48001C, #010100)
• Pale Moss Bloom color palette (#FFE9DC, #52A02E, #006162, #54002B, #000502)
• Wandering Ultramarine color palette (#F7F4D6, #658800, #0023D8, #421300, #040100)
• Frosted Navy color palette (#C9ECDE, #505700, #03389A, #430050, #0D0F00)
• Pale Grape color palette (#E7F3DA, #008763, #7C25C4, #6F0207, #000201)

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