Sapphire Studio color palette — #CCE7EA · #00B2E5 · #046BF0 · #3F38C8 · #411D6B

Royal Blue takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CCE7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00B2E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#046BF0): A full-bodied, vivid blue — the color of open sky before noon.
• Cobalt (#3F38C8): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#411D6B): 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 Studio 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 Ultramarine color palette (#C4E7E4, #00B3D2, #007EB2, #0053BC, #2C2372)
• Powdered Workshop color palette (#D7F4FF, #28A8FF, #5067FF, #7030B3, #511B5C)
• Soft Ridge color palette (#D0EBFF, #58B3FF, #248EFD, #0D61F2, #1B238A)
• Washed Nightshade color palette (#E5F9FF, #3BC0FE, #008BE6, #3500D6, #26005F)
• Quiet Cobalt Coast color palette (#DDEDF8, #008FE4, #0066B5, #003989, #35026A)
• Hazy Indigo Study color palette (#E6ECFF, #97A6FF, #4A66FF, #222DAF, #14005A)
• Nightshade Loft color palette (#D7F3FF, #0069D6, #4605CC, #340068, #170017)
• Aged Ridge color palette (#C2E5FF, #8EB7FF, #8563F7, #82439E, #61294E)

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