Ultramarine Pier color palette — #F0F5FF · #2227E5 · #6F2F00 · #1F3400 · #00181E

Cobalt and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cobalt (#2227E5): A full-bodied, vivid violet — the color of a velvet chair.
• Rust (#6F2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#1F3400): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00181E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Weathered Quarry color palette (#EAF3FF, #00569F, #722000, #292C00, #001918)
• Tempered Grape color palette (#EFF1FF, #781BCE, #573E00, #00391D, #00182D)
• Frosted Lapis Garden color palette (#E2E9FF, #5B3FCF, #7C0036, #053203, #05001C)
• Byzantium Canyon color palette (#E3E6FF, #8735E0, #91040A, #313700, #002A2E)
• Aged Thicket color palette (#F1F5FF, #D0D1E1, #A9A0C6, #5648A8, #2B314A)
• Worn Mulberry color palette (#F6F3FF, #8E498C, #4E4D00, #003D38, #142034)
• Muted Violet color palette (#FDE1A8, #8850F9, #86197A, #3F3900, #381252)
• Deep Aubergine Atelier color palette (#D9DFFA, #362C2F, #3A0071, #221300, #000B01)

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