Soft Sapphire color palette — #EAF5EC · #7FC3F6 · #006CE2 · #004F5F · #0C0D4B

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

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sky (#7FC3F6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006CE2): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#004F5F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0C0D4B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Hushed Cobalt color palette (#ECF4EE, #A2CEEA, #3D7EC4, #005967, #121E3F)
• Feathered Harbor color palette (#FFF3E7, #67C1FF, #4863CC, #005655, #3B2261)
• Soft Cornflower Market color palette (#FFF4E2, #97D2FF, #3089FE, #006F84, #232D63)
• Weathered Ultramarine Field color palette (#DEE9E0, #70A1CF, #2350B1, #003746, #07032A)
• Patina Station color palette (#E5F7E9, #51D1D0, #00808F, #00543F, #001E28)
• Timeworn Cerulean Garden color palette (#EEF4EF, #C0E3EF, #399CB0, #176D5A, #0F2F42)
• Cerulean Meadow color palette (#D8E3DA, #209AAC, #005168, #002C28, #00050B)
• Byzantium Lagoon color palette (#E8DDEF, #A606DE, #895900, #005F5D, #1A0026)

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