Sapphire Studio color palette — #EFF6FF · #ADC7FF · #F59712 · #396DFD · #452600

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#ADC7FF): A whisper-light, balanced violet — the color of a velvet chair.
• Apricot (#F59712): A luminous, vivid gold — the color of old brass.
• Sapphire (#396DFD): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#452600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Apricot Lagoon color palette (#EDF6FF, #93CFFF, #FF8F33, #0083CB, #4A2200)
• Worn Indigo color palette (#F0F5FF, #B4C5FF, #BBB607, #5467FD, #323000)
• Chalky Lapis color palette (#F0F5FF, #A5B2FF, #BA8000, #451FEF, #231500)
• Quiet Iris Lantern color palette (#FFF0FD, #A8C5FF, #FF8EB1, #5F92FF, #651A37)
• Gentle Violet color palette (#F3F4FF, #D9CBFF, #98CC80, #976DE5, #254117)
• Feathered Tangerine Veranda color palette (#E8F8FF, #60EDFE, #EF7A4B, #008F9C, #521900)
• Chalky Terrace color palette (#FFEFFF, #3C93FF, #9F7800, #0059B4, #4B3700)
• Worn Field color palette (#EFF6FF, #7AAFFF, #D58C00, #958800, #072045)

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