Ultramarine Pier color palette — #FFF0FB · #6D8BF7 · #967C00 · #364AC6 · #473900
A conversation between Cobalt and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Lavender Blue (#6D8BF7): A luminous, vivid violet — the color of a velvet chair.
- Ochre (#967C00): A full-bodied, balanced green — the color of fresh herbs.
- Cobalt (#364AC6): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#473900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged cool.
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
- Frosted Periwinkle color palette (#FFEAFD, #5696FF, #938400, #1F56B1, #262100)
- Tempered Canyon color palette (#FFF0F8, #9F90FF, #7F8600, #5316C0, #3B3E00)
- Feathered Indigo color palette (#EDD6E4, #6F6AE8, #766C00, #3F2FA5, #2E2A00)
- Frosted Sapphire Bloom color palette (#F0F5FF, #90A9FF, #C79D18, #4A61DD, #4A3800)
- Feathered Basin color palette (#E0FDF2, #28AEF3, #A65900, #006390, #592E00)
- Gentle Hollow color palette (#FFF1F4, #B78CCD, #70983E, #83479E, #384925)
- Feathered Aubergine color palette (#FFF1F4, #D574F2, #3F9600, #790094, #1B4602)
- Frosted Quarry color palette (#FFE1F5, #6567FD, #C63900, #007344, #272B56)
Browse the whole catalog at Explore, or see today's palette.