Sapphire Pier color palette — #96EFFF · #10B5F4 · #2958F7 · #4C009D · #2D0033
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Ice Blue (#96EFFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#10B5F4): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#2958F7): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4C009D): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#2D0033): A deep, shadowed, balanced pink — the color of a candy shop window.
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
- Powdered Lapis color palette (#DAF3FF, #66A9FF, #5A51EC, #590087, #3A002C)
- Nightshade Alley color palette (#87FAF0, #00BAE1, #0071BF, #2D27A9, #2C004D)
- Hazy Lapis color palette (#CCEDF7, #1E93E2, #4336D3, #410065, #1B0018)
- Linen Cornflower Garden color palette (#ABF5FF, #65BEFF, #5877FC, #6540AB, #52005F)
- Aged Grape color palette (#DAFCE6, #009FCE, #6033DE, #4A3D00, #001D38)
- Worn Aubergine Hollow color palette (#C8E3F6, #5366D0, #5900A8, #3B003A, #110006)
- Violet Basin color palette (#D9EAFF, #9FA5E9, #915BB8, #6E2362, #480020)
- Sapphire Thicket color palette (#D7E4F6, #205FDF, #301D4E, #010F29, #000409)
Browse the whole catalog at Explore, or see today's palette.