Sapphire Studio color palette — #C8E2FB · #5D9DF8 · #3670DE · #2E44A8 · #272867

A conversation between Sapphire and Indigo, giving this palette its sense of trust and stability.

The five colors

• Powder Blue (#C8E2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#5D9DF8): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#3670DE): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#2E44A8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#272867): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Basin color palette (#E2EBFF, #7D8EF2, #625ED3, #4E3897, #352357)
• Linen Azure Terrace color palette (#DAEBF4, #00AAF1, #0074BA, #004D8C, #102D5B)
• Nightshade Quarry color palette (#CBEDFB, #2891D0, #2456CA, #3106B1, #371B58)
• Washed Indigo color palette (#E5E7FF, #A1A2FD, #6763C7, #3A2E8D, #150044)
• Ultramarine Parlor color palette (#EDD6E9, #6894F5, #009E78, #2857CE, #003224)
• Pale Summit color palette (#FFE5F4, #D8CFFE, #C9A2E1, #5672BC, #2D294C)
• Hazy Atelier color palette (#FFE4F4, #7770F5, #C1428E, #00768A, #1B1A3D)
• Powdered Turquoise color palette (#D8F5F6, #00AFC0, #00879B, #005469, #003346)

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