Ultramarine Pier color palette — #FFF0FB · #6F8BF4 · #957D00 · #3237E5 · #463A00
Built around Cobalt, softened by Lavender Blue — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#6F8BF4): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#957D00): A full-bodied, balanced green — the color of fresh herbs.
- Cobalt (#3237E5): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#463A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Lapis Market color palette (#EBF2FF, #778DFF, #998100, #3B36E0, #282000)
- Gentle Ultramarine color palette (#FFF0FD, #779FFC, #B56A00, #0C2AD3, #573000)
- Sunlit Lagoon color palette (#FFF0F8, #9E91FF, #7C8700, #5300C8, #393F00)
- Ancient Lapis color palette (#FFF0FB, #93A8FF, #C49F18, #4C57EF, #483900)
- Airy Aubergine Harbor color palette (#EDD7DF, #8B6DB8, #876400, #6100A5, #362600)
- Airy Azure color palette (#DBFFF0, #30AFEB, #9D6000, #00648C, #543100)
- Aged Summit color palette (#FFF1F3, #BC8CBE, #769649, #8E4292, #374A1A)
- Tempered Violet Summit color palette (#F0E6FF, #9465C7, #9B6500, #615E00, #3A2451)
Browse the whole catalog at Explore, or see today's palette.