Sapphire Pier color palette — #E1EEFF · #0363EE · #00326F · #000D2F · #000212

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E1EEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0363EE): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#00326F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#000D2F): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#000212): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Energy, Depth, Luxury. Tagged monochrome, dark, 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

• Sapphire Quarry color palette (#E2ECF9, #57A0FC, #0068EF, #003F8A, #000108)
• Timeworn Chapel color palette (#E8EBFF, #505FF3, #2C05A5, #04003C, #020015)
• Inked Cobalt Archive color palette (#CEE2F2, #0076B5, #003A57, #00131F, #00040A)
• Hushed Cornflower Corridor color palette (#DDEAFF, #4284E5, #0053A4, #001D5B, #00040E)
• Smoked Harbor color palette (#EFECFF, #713CDA, #2E0076, #220808, #0A0025)
• Powdered Lapis Grove color palette (#DDE9FF, #738EFF, #3D2FE9, #001585, #010156)
• Tempered Grape color palette (#F6E4ED, #6940DF, #601100, #29006C, #050100)
• Ember Villa color palette (#DAECE5, #FC4E23, #0066A6, #090B19, #000202)

Browse the whole catalog at Explore, or see today's palette.