Soft Sapphire color palette — #FCF4E7 · #82BEF4 · #175FEC · #005367 · #282C60

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#82BEF4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#175FEC): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005367): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#282C60): 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 Soft 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

• Timeworn Cobalt Field color palette (#FDF4E5, #7BC2E3, #0073B4, #00555B, #133160)
• Indigo Chapel color palette (#FCF0E3, #7FC2FC, #5663D3, #005153, #230A3A)
• Frosted Cornflower Balcony color palette (#E9FBE7, #9AD1FF, #677DFF, #007273, #3C225E)
• Cobalt Dune color palette (#F8F5EF, #A9CFC2, #4B79BA, #005D6F, #4B3045)
• Timeworn Periwinkle Veranda color palette (#E8F9F9, #BCDEFF, #6FACFF, #008FC6, #112B73)
• Periwinkle Boulevard color palette (#D6FEFF, #5ED9FF, #58A8FF, #00705B, #003F49)
• Teal Garden color palette (#F0E7D9, #4BB1AE, #00636E, #00402E, #00242F)
• Cerulean Grove color palette (#E8E2D7, #20909F, #004356, #00231F, #000A15)

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