Sapphire Drift color palette — #D1E4FF · #2462E0 · #675900 · #002797 · #201B00
A conversation between Royal Blue and Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#D1E4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#2462E0): A full-bodied, vivid violet — the color of wild irises.
- Olive (#675900): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#002797): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Dusty Sapphire Balcony color palette (#FAEBF6, #4057E3, #6B5600, #1A09A0, #0B0700)
- Faded Sapphire color palette (#E3EFFF, #1463E0, #236B00, #003281, #062200)
- Softworn Cobalt Ridge color palette (#CEE3F8, #0072B6, #755200, #003C63, #261800)
- Timeworn Cornflower Lantern color palette (#EAEFFF, #5977FF, #8B7200, #3245AB, #211A00)
- Dusty Ultramarine color palette (#D4E5FF, #0047D6, #4E5200, #19421A, #010D33)
- Aubergine Corridor color palette (#E9E9F8, #854DB7, #546100, #500080, #191D00)
- Ultramarine Market color palette (#EFE0EB, #8EACFF, #AA8D03, #2D46D9, #211A00)
- Patina Lapis Coast color palette (#F2F5FF, #A293DB, #AA8300, #6954A9, #52400F)
Browse the whole catalog at Explore, or see today's palette.