Sapphire Drift color palette — #E2F2FF · #58A1FF · #325AFD · #473CAA · #302255
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E2F2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#58A1FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#325AFD): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#473CAA): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#302255): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Hushed Field color palette (#C4EDFD, #00A3ED, #0072D5, #1B44A7, #222157)
- Antique Amethyst color palette (#D6E4F9, #7E91FF, #7145F3, #6732A0, #3E1E4F)
- Worn Boulevard color palette (#D1E2E8, #008CDB, #3244C4, #482883, #421A49)
- Gentle Violet color palette (#DFDFFF, #A796FC, #8250EA, #46238F, #190843)
- Hushed Lapis Corridor color palette (#F1D4E8, #818EF0, #9D8500, #4B4ECD, #312800)
- Worn Rust color palette (#FFE5F4, #7B74E5, #C94D00, #007C56, #1C1A3D)
- Powdered Mallow color palette (#FFE8F7, #E5C5FF, #E38ECA, #5577B4, #31294B)
- Turquoise Meadow color palette (#D7EDED, #00B1C3, #007C97, #005A7E, #003358)
Browse the whole catalog at Explore, or see today's palette.