Ultramarine Pier color palette — #D8E7FD · #184FC3 · #5C4600 · #001A74 · #040200
A conversation between Cobalt and Deep Indigo, giving this palette its sense of optimism and energy.
The five colors
- Frost (#D8E7FD): A whisper-light, dusty blue — the color of deep harbor water.
- Cobalt (#184FC3): A full-bodied, vivid violet — the color of a velvet chair.
- Bronze (#5C4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Indigo (#001A74): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#040200): a grounded near-black with real depth.
Feels like: Optimism, 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
- Quiet Ultramarine color palette (#D9E1EF, #1743E8, #5E4800, #04008F, #160E00)
- Ultramarine Market color palette (#D9E2F5, #4344C6, #145903, #1E007E, #000400)
- Aged Study color palette (#D7E6F0, #006483, #6E3A00, #002F3F, #060200)
- Deep Aubergine color palette (#E1E2F1, #5E2899, #3A4000, #2A004E, #010100)
- Denim Grove color palette (#D3EBFF, #004D7C, #3F4200, #003317, #000103)
- Hushed Sapphire color palette (#DBE7F7, #0075E0, #786500, #004486, #140F00)
- Faded Nightshade Orchard color palette (#E8DAE6, #4273F2, #865F00, #0700B8, #020100)
- Patina Ultramarine color palette (#C1ECE9, #008539, #0D3CFC, #0B031C, #000106)
Browse the whole catalog at Explore, or see today's palette.