Sapphire Drift color palette — #D8E6F3 · #63A3FF · #2E67FE · #2F41BD · #292375
Royal Blue and Cobalt set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8E6F3): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#63A3FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#2E67FE): A full-bodied, vivid violet — the color of wild irises.
- Cobalt (#2F41BD): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#292375): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. 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
- Dusty Amethyst color palette (#D9E0EF, #7E96FF, #684CFF, #5834B5, #3C236B)
- Prism Ultramarine color palette (#DAE8F1, #0091F4, #1A3EED, #2F12B1, #38157D)
- Airy Grove color palette (#D9E7EF, #0AABF5, #0085D1, #005AA3, #003477)
- Hushed Violet Garden color palette (#E7E8FF, #A9A5FF, #7B56FF, #4727B2, #180050)
- Feathered Corridor color palette (#CAF7FF, #57CAFF, #527DFF, #5500D7, #39004E)
- Powdered Sapphire Lantern color palette (#D7E5FF, #689BFF, #00A57B, #175AE5, #003727)
- Violet Coast color palette (#DADEFE, #ADA3FF, #905EF8, #734AA9, #4E3162)
- Tempered Cornflower Coast color palette (#F3F4FF, #DED2FF, #D89EEF, #5B75D2, #392F60)
Browse the whole catalog at Explore, or see today's palette.