Ultramarine Pier color palette — #DBF1FC · #008DEA · #2E00F1 · #22005F · #04000C
Built around Cobalt, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#DBF1FC): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#008DEA): A luminous, vivid blue — the color of a favorite pair of jeans.
- Cobalt (#2E00F1): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#22005F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#04000C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. 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
- Grape Cabin color palette (#DDE7F2, #617BFF, #4C00D7, #300050, #030004)
- Weathered Drift color palette (#CAF5FF, #0090C7, #005294, #060072, #02000B)
- Nightshade Workshop color palette (#D3F2FD, #006493, #2000B8, #1E004D, #0B000E)
- Hazy Coast color palette (#D1E2F4, #1F7DFB, #2559FA, #2B32A6, #15034B)
- Airy Nightshade Field color palette (#DEEAFF, #536FF2, #706A00, #1F00B2, #010100)
- Obsidian Workshop color palette (#DCE6FA, #615BEE, #56008E, #1F0026, #040003)
- Ancient Ultramarine color palette (#E6EDFC, #2F55DF, #735100, #214F00, #00000C)
- Pale Amethyst color palette (#EFF2D7, #00C1A4, #774FEB, #100413, #010105)
Browse the whole catalog at Explore, or see today's palette.