Sapphire Pier color palette — #C7EAF8 · #009FEA · #326BD7 · #463D9E · #36205F

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 (#C7EAF8): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#009FEA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#326BD7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Indigo (#463D9E): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#36205F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Washed Ultramarine Grove color palette (#D0F4FA, #00A6D4, #007ABA, #154EAE, #22225B)
• Ancient Dune color palette (#C0EFFF, #4CB2FF, #0D6BF5, #38359C, #270E43)
• Nightshade Workshop color palette (#D0E7FE, #4F8FDA, #0C51CA, #1310A8, #1F1E63)
• Gentle Iris Study color palette (#CFE8F8, #77B3F9, #6F7DD9, #5B4C9B, #442A57)
• Indigo Pier color palette (#DBDDFF, #959FFF, #7164D4, #432E8D, #160248)
• Frosted Veranda color palette (#DFECF7, #547DEF, #5F48D8, #5A0F91, #2E003C)
• Powdered Indigo color palette (#DAE6F4, #8696FA, #7A5CD6, #72318F, #4F1548)
• Timeworn Mallow Boulevard color palette (#E7F0FF, #E0C8FC, #EE9DC1, #3B88B4, #2F3455)

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