Ultramarine Pier color palette — #FFF1F7 · #C46E22 · #2548BD · #4F2C85 · #422207

Built around Cobalt, softened by Royal Purple — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mustard (#C46E22): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#2548BD): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#4F2C85): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#422207): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, 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

• Airy Ultramarine color palette (#E2FEE6, #986E00, #425FB9, #2C438D, #13331B)
• Hazy Aubergine Atelier color palette (#E3FDED, #927C00, #006287, #582172, #50163C)
• Denim Chapel color palette (#E7FCEC, #916B00, #004F88, #003C69, #371020)
• Softworn Rust color palette (#FFF0F9, #C34A00, #006EA2, #004F76, #3D2033)
• Wandering Pine Alley color palette (#FFF3E6, #A98800, #187F3C, #4A2275, #0C3F2F)
• Wandering Bronze color palette (#E6FBEF, #8F8300, #7F619F, #5C4872, #26372E)
• Patina Alley color palette (#D0E5D0, #835900, #0D4EA5, #023475, #0B200D)
• Pale Moss color palette (#FDF5DA, #9D9E05, #009F64, #2463B4, #352A02)

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