Sapphire Drift color palette — #D3E6FF · #8BB7FF · #4660FF · #3B3FA5 · #1E184E

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

The five colors

• Frost (#D3E6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8BB7FF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4660FF): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#3B3FA5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#1E184E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Powdered Amethyst Pier color palette (#DCE3FF, #A9ADFF, #7943FE, #582AA3, #280F41)
• Cobalt Drift color palette (#CDEBFF, #62BDFF, #007BD1, #004BA2, #0B1A46)
• Tempered Archive color palette (#DAF0FD, #5DB3FF, #6579FC, #6858AD, #371E4A)
• Pale Loft color palette (#F4F4FF, #C7C1FF, #7758EC, #3A1781, #06001C)
• Gentle Ultramarine Meadow color palette (#FFF0FD, #7DA8FF, #00AB80, #1753DC, #001E14)
• Ultramarine Hollow color palette (#C5E4EF, #008FD2, #3048C0, #431E7C, #3F1743)
• Worn Grape color palette (#EBEFFF, #8C84FF, #6F00F2, #40007E, #1B0033)
• Faded Aqua Chapel color palette (#A9F5FF, #00C6E7, #008CAD, #005772, #002233)

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