Sapphire Ridge color palette — #ECF9EE · #ACD0F3 · #306EF5 · #004E63 · #08042C

Built around Sapphire, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Lilac Frost (#ACD0F3): A whisper-light, dusty blue — the color of deep harbor water.
• Sapphire (#306EF5): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#004E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#08042C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Sapphire Ridge 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

• Timeworn Delta color palette (#ECF9EE, #87DAF3, #0084B8, #005151, #000D1E)
• Gentle Ultramarine Loft color palette (#E7DCD1, #7AA1C3, #344EAE, #003840, #0D002A)
• Iris Corridor color palette (#E5EFE4, #85C7FF, #7487F4, #007C80, #281041)
• Timeworn Lagoon color palette (#E9FBEC, #D0E2F7, #00A6E8, #007273, #002548)
• Timeworn Powder color palette (#E7F9FF, #C5E0FF, #81B7FF, #007661, #001620)
• Antique Jade color palette (#D4F3DF, #00B58E, #007972, #003C3F, #000D10)
• Patina Crimson Coast color palette (#D1F6FF, #00A7A3, #E20043, #005957, #170002)
• Tempered Turquoise Courtyard color palette (#DFFBFF, #00C0CB, #00727C, #002C2F, #000102)

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