Soft Sapphire color palette — #F1EBE2 · #91B6D6 · #306FD8 · #00566A · #14154E

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

The five colors

• Cream (#F1EBE2): bright and airy, almost weightless.
• Sky (#91B6D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#306FD8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00566A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#14154E): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Tempered Cobalt color palette (#EEE9E1, #7ABDCF, #007FAC, #005957, #00213B)
• Cornflower Bloom color palette (#E9FBEC, #9ED2FF, #3C76D8, #004F61, #070133)
• Powdered Ultramarine color palette (#F1E7DD, #7CA4C3, #3542C3, #003E3E, #270F45)
• Iris Courtyard color palette (#EDDEE3, #87C7FA, #6D87FA, #007D7D, #25153C)
• Cerulean Boulevard color palette (#FCF4E7, #7EDAF4, #0098CF, #007271, #00355C)
• Weathered Denim color palette (#F0EAE2, #6F9E8E, #1A579F, #003A45, #03002E)
• Powdered Turquoise color palette (#FBF4E9, #A3EAE6, #00B0BF, #008662, #004759)
• Ancient Archive color palette (#E4E3D5, #76A925, #8839AF, #3E5E00, #2B003E)

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