Sapphire Studio color palette — #E1EDFF · #3F71E4 · #41396A · #0E1C39 · #000205

Sapphire takes the lead with Navy close behind in a set that reads as creativity and balance at first glance.

The five colors

• Frost (#E1EDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#3F71E4): A full-bodied, vivid violet — the color of wild irises.
• Navy (#41396A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#0E1C39): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#000205): quiet, heavy and certain.

Feels like: Creativity, Balance. Tagged noir, dark, luxury, muted.

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

• Violet Courtyard color palette (#E3E6FA, #8756DF, #533459, #201636, #00010A)
• Weathered Cobalt Quarry color palette (#CCE4F5, #0084B3, #26426A, #00212F, #000204)
• Ultramarine Dune color palette (#D8E6F9, #1055CE, #2E183E, #000721, #000204)
• Washed Orchid color palette (#EAEDFF, #A26DFF, #74437C, #392A58, #030616)
• Dusty Periwinkle color palette (#DCE5F7, #97A5EC, #6B6E86, #414A5D, #14191F)
• Aged Blush Pier color palette (#E6DBEF, #D678A3, #705870, #44364D, #0E0B14)
• Airy Delta color palette (#D7E1D9, #93C8E7, #4596E4, #007B8A, #091A4B)
• Twilit Alley color palette (#F1E3EF, #001CC1, #1D1B22, #0F0728, #040003)

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