Ultramarine Pier color palette — #F0F5FF · #718FE3 · #967C00 · #2631F1 · #473900
A conversation between Cobalt and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender Blue (#718FE3): A luminous, balanced violet — the color of twilight just after sunset.
- Ochre (#967C00): A full-bodied, balanced green — the color of fresh herbs.
- Cobalt (#2631F1): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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
- Quiet Lantern color palette (#F1F5FF, #9097FC, #748A00, #4200D5, #354000)
- Softworn Nightshade color palette (#EFF6FF, #6DA2FD, #B46A00, #0041B5, #563000)
- Softworn Ultramarine Studio color palette (#FFEBFA, #738EFF, #A67B00, #3644CE, #2C1E00)
- Pale Nightshade Bloom color palette (#D2DEF9, #6D74CE, #736D00, #3C12C2, #2D2A00)
- Quiet Sapphire color palette (#F0F5FF, #90A9FF, #C89C18, #475CE8, #4A3700)
- Feathered Azure Coast color palette (#EBF7FF, #00A2D2, #AE6F00, #006585, #533200)
- Antique Terrace color palette (#F5F3FF, #BA8DBD, #7A963A, #96339E, #3A4917)
- Hazy Study color palette (#F4F4FF, #C086E7, #00993C, #7200A1, #004818)
Browse the whole catalog at Explore, or see today's palette.