Sapphire Pier color palette — #E1F3FF · #2B9EFC · #1572F8 · #3E4BAD · #21174E
Sapphire takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E1F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#2B9EFC): A luminous, vivid blue — the color of open sky before noon.
- Sapphire (#1572F8): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#3E4BAD): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#21174E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Sapphire 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
- Hazy Ultramarine Drift color palette (#C4EEFA, #00A6E2, #0082CA, #0F50B0, #0E1C4D)
- Frosted Indigo color palette (#CDE4FE, #6F8FFF, #655AF7, #593E9F, #250A3E)
- Faded Ultramarine color palette (#DEEFF7, #01A2ED, #145ED5, #310C84, #15002C)
- Hushed Nightshade Grove color palette (#DFEBF6, #3173CA, #0029BB, #0C0076, #090037)
- Quiet Ultramarine Summit color palette (#F2E2EF, #8FABFF, #AE8B03, #3952B9, #221900)
- Wandering Mallow color palette (#EADAE5, #D1BFFF, #EA95D7, #5089C5, #231A3E)
- Antique Grove color palette (#E7EBFF, #707BFF, #E43F00, #008B51, #0B0D2D)
- Faded Teal color palette (#D0EFEB, #00A6AC, #00899D, #00627C, #002033)
Browse the whole catalog at Explore, or see today's palette.