Soft Sapphire color palette — #C4EFF6 · #00ADE9 · #195FED · #4B3B9A · #4E3169

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

The five colors

• Frost (#C4EFF6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00ADE9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#195FED): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#4B3B9A): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#4E3169): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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

• Ultramarine Orchard color palette (#D1E2E9, #0098EA, #3747CB, #442C7F, #421D47)
• Tempered Indigo Bloom color palette (#ADEAFF, #75C9FF, #6FA7FF, #586DFF, #3D2A72)
• Gentle Alley color palette (#7EF7F0, #00ACC3, #007CB9, #204AA9, #3A316C)
• Worn Navy Courtyard color palette (#D8E4EF, #259DFA, #0064CC, #0236A2, #181E62)
• Pale Amethyst Boulevard color palette (#C1E6FF, #719AFF, #7E4CED, #692A88, #5C264D)
• Soft Lapis color palette (#F2F5FF, #92A4FF, #5A4CCB, #382883, #20165D)
• Dusty Aubergine Summit color palette (#D3EBFF, #4A6FFF, #4E00BB, #410058, #370029)
• Pale Ultramarine color palette (#F0F5FF, #648BFF, #A47500, #314EC0, #4E3500)

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