Sapphire Drift color palette — #CFEAF4 · #008DCB · #0A57F0 · #3A2BBA · #170034
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CFEAF4): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#008DCB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0A57F0): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#3A2BBA): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#170034): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Ancient Pier color palette (#D0E8FF, #0078E2, #003FD4, #110097, #0F024E)
- Soft Meadow color palette (#CCF2F4, #0096C2, #006EA9, #0037AD, #12003F)
- Electric Dune color palette (#E0EEF9, #3881FF, #632EFF, #5806A8, #210030)
- Ultramarine Lagoon color palette (#DEEBF7, #017DF1, #003EC9, #08006C, #020016)
- Ultramarine Grove color palette (#DBE3F1, #5683FF, #9A7C00, #2246EC, #150F00)
- Hazy Terrace color palette (#DDDCF9, #928BFF, #6052FF, #3A26BC, #010010)
- Powdered Corridor color palette (#DCEAFF, #5E5FED, #6C00EC, #5B0074, #160015)
- Cornflower Canyon color palette (#E4EFFF, #1875F9, #9E6700, #4A7500, #00061B)
Browse the whole catalog at Explore, or see today's palette.