Sapphire Study color palette — #FFF1F6 · #7EC1E8 · #3566D0 · #005651 · #371C71

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#7EC1E8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3566D0): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#371C71): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sapphire Study 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

• Petrol Terrace color palette (#FFF0FB, #60C9D9, #0076A8, #005939, #172D6A)
• Frosted Cobalt Balcony color palette (#FBF0DF, #94C2E0, #0072CE, #00505C, #05025A)
• Dusty Cornflower color palette (#EBFAED, #A2D2F1, #298EF0, #007080, #152975)
• Washed Denim Atelier color palette (#EEE2E6, #74A5C9, #3E5199, #003E3E, #270D47)
• Forest Veranda color palette (#F9F3F9, #BBE4F0, #4F95AC, #426E45, #304A65)
• Raspberry Ridge color palette (#B0F2F9, #0096A2, #BC00A6, #005961, #520047)
• Tempered Alley color palette (#FFF3E8, #AEE2FF, #7CA9FF, #00998E, #352564)
• Weathered Cerulean color palette (#E8D9E5, #39A0A9, #00506F, #00321A, #000F39)

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