Soft Sapphire color palette — #D3EBF6 · #4AA6FF · #3564E0 · #442C98 · #390F56

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3EBF6): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#4AA6FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3564E0): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#442C98): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Royal Purple (#390F56): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Energy. Tagged cool.

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

• Feathered Summit color palette (#D4E9ED, #00A9E6, #0078C8, #153597, #231B55)
• Ultramarine Summit color palette (#DFEBF8, #5E9CFD, #3762EC, #382DD1, #37347F)
• Ultramarine Delta color palette (#EEF6FF, #A5C8FF, #6896FF, #404FC0, #2B256D)
• Pale Lapis color palette (#CDEFFD, #76B9FF, #507DFF, #5844DB, #512F77)
• Sunlit Delta color palette (#CDE7F9, #3C86DF, #4F4ABB, #411275, #250331)
• Wandering Grape color palette (#DFEBFF, #8187F6, #7841CD, #6C1783, #3F0032)
• Amethyst Studio color palette (#F0F0FF, #ADA6FF, #7755CC, #341F92, #15003C)
• Hushed Aubergine Bloom color palette (#DFEAFF, #555BD1, #5918AB, #3D0046, #1C0014)

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