Sapphire Studio color palette — #DCE9F2 · #5FBBFF · #2597FC · #0066DC · #0C2675

Built around Royal Blue, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Frost (#DCE9F2): bright and airy, almost weightless.
• Cornflower (#5FBBFF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#2597FC): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#0066DC): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#0C2675): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Pale Lapis color palette (#DAE8F8, #85B2FF, #6188FF, #5A4CFF, #2C1970)
• Hushed Meadow color palette (#D5ECF1, #00AAE3, #007BD6, #312AE4, #332075)
• Faded Orchard color palette (#CBE5E8, #00C0DB, #00A7C9, #007799, #00384E)
• Periwinkle Lantern color palette (#F1F4FF, #E8D2EF, #D5BCFF, #5297FF, #2F325E)
• Antique Nightshade color palette (#D8F4F5, #0095C0, #005BA7, #2D00A5, #23003D)
• Feathered Cornflower color palette (#F7D9FA, #7BB9FF, #00C674, #0E89F3, #00381D)
• Dusty Violet color palette (#D4DFFF, #B1BCFF, #9A8FFF, #8763E2, #482E6E)
• Tempered Pier color palette (#EBECFF, #9896FF, #FE44B3, #009DB9, #201D48)

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