Soft Sapphire color palette — #E7F7E8 · #00C2CA · #166BF8 · #00787D · #020F2E

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

The five colors

• Cream (#E7F7E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#00C2CA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#166BF8): A full-bodied, vivid violet — the color of a velvet chair.
• Teal (#00787D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#020F2E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Cobalt color palette (#ECF6E3, #00C898, #0078D9, #007C5D, #001229)
• Indigo Delta color palette (#E6F9FF, #00DDE6, #6B60FF, #007A7F, #00000F)
• Airy Byzantium Courtyard color palette (#E0F9EE, #11BAF8, #A515F4, #00729B, #1D0030)
• Hushed Orchid color palette (#EBF9F3, #58C8FF, #A265D3, #0082B1, #30101D)
• Softworn Sapphire Summit color palette (#F8E2B6, #00A7D8, #395AEF, #882700, #002C47)
• Flaring Ultramarine Grove color palette (#D2F0F8, #19B2F5, #007BE4, #2500E8, #2C0069)
• Wisteria Parlor color palette (#E0F7FA, #00E1C5, #B177FF, #00A590, #0E0E27)
• Washed Drift color palette (#EAF6E4, #00A58E, #6800C7, #005346, #15082C)

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