Sapphire Drift color palette — #DDE9FF · #4C5ADC · #8A5200 · #365000 · #01000F

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDE9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Royal Blue (#4C5ADC): A full-bodied, vivid violet — the color of a velvet chair.
• Ochre (#8A5200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#365000): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#01000F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged 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

• Quiet Indigo color palette (#D8DFF8, #6C55D3, #704000, #0E4501, #000204)
• Ancient Cornflower color palette (#D4E8FF, #247FE5, #843200, #504700, #000207)
• Ultramarine Garden color palette (#DFEBFB, #013BCD, #4D4700, #2E2A00, #00010E)
• Byzantium Harbor color palette (#E3DFF8, #9C3AAE, #676500, #005342, #040006)
• Timeworn Mulberry color palette (#CCE8FA, #007898, #AD204B, #5F3F00, #000204)
• Tempered Violet Bloom color palette (#F3ECDE, #9854CB, #97216A, #374000, #09000B)
• Quiet Orchid Delta color palette (#E4E2FD, #BA59DA, #878300, #00745C, #1A0022)
• Peony Ridge color palette (#F5DAEC, #DB4EB8, #416B00, #006260, #0E0009)

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