Sapphire Pier color palette — #CDEFFB · #40BEFF · #159EF6 · #1C69EA · #21276A
Royal Blue takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDEFFB): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#40BEFF): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#159EF6): A luminous, vivid blue — the color of open sky before noon.
- Royal Blue (#1C69EA): A full-bodied, vivid violet — the color of wild irises.
- Navy (#21276A): A deep, shadowed, balanced violet — the color of wild irises.
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
- Softworn Lagoon color palette (#CEF3F7, #00C3E8, #00A0D5, #0079B7, #002F60)
- Washed Ultramarine color palette (#C4F5FF, #0DC1F4, #0085E0, #1338D5, #260A60)
- Misty Ultramarine Loft color palette (#DEE9FF, #ABC3FF, #6C8EFF, #3E57D2, #0F0061)
- Chalky Amethyst color palette (#DDEDFF, #80A9FF, #7A87FF, #774FD8, #401F64)
- Hazy Azure Villa color palette (#EFF6FF, #E7D4ED, #E8BCFF, #00A6E5, #323466)
- Worn Lagoon color palette (#D2E7FF, #7FB9FF, #E2A620, #007CEA, #3E2A00)
- Airy Orchard color palette (#D6DFEE, #6FA3FF, #FF5A63, #39A724, #07214F)
- Feathered Ultramarine color palette (#DBEEFF, #1275F6, #2641DA, #31248D, #0B0021)
Browse the whole catalog at Explore, or see today's palette.