Gentle Sapphire color palette — #FFF1F6 · #72C0F7 · #3D5AEA · #005654 · #3B2163

Royal Blue takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#72C0F7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3D5AEA): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3B2163): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Weathered Cabin color palette (#FBF0E0, #7AC4FA, #1E6ED4, #004F5F, #0C0B4E)
• Tempered Delta color palette (#FDF1F6, #A5CAE7, #5775BB, #00605B, #3C3457)
• Nightshade Coast color palette (#E9DEE1, #7EA3C6, #4245B4, #003D40, #28133C)
• Forest Parlor color palette (#FDF1FC, #5ECBCE, #00799C, #005A27, #043264)
• Washed Amethyst color palette (#BDF1E8, #4EAD22, #7F29FD, #215D00, #28055A)
• Cerulean Workshop color palette (#FAF2F9, #B8E5F3, #2E97BC, #3B7048, #354961)
• Pale Periwinkle color palette (#FFF3E7, #B6DFFF, #7DA9FF, #0096A2, #2F2765)
• Timeworn Terrace color palette (#FAE9F6, #28A0B2, #004F75, #003220, #050E37)

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