Sapphire Drift color palette — #F8E4F3 · #7496F9 · #F23D7E · #3756FF · #380016
Built around Royal Blue, softened by Hot Pink — the whole palette hums with creativity and energy.
The five colors
- Blush (#F8E4F3): A whisper-light, dusty pink — the color of neon signs at night.
- Lavender Blue (#7496F9): A luminous, balanced violet — the color of twilight just after sunset.
- Hot Pink (#F23D7E): A luminous, vivid red — the color of embers at dusk.
- Royal Blue (#3756FF): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#380016): A deep, shadowed, balanced red — the color of late-summer berries.
Feels like: 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
- Grape Garden color palette (#FFE3F3, #8574FC, #ED0030, #6300FB, #260002)
- Weathered Magenta color palette (#F2E5F2, #3289FD, #BF43CE, #008682, #00102D)
- Magenta Harbor color palette (#D0F4E4, #00AAE2, #D250CC, #007BA4, #310030)
- Pale Cornflower Balcony color palette (#EFDEEA, #C5BFF3, #DE96C8, #5689E1, #201B49)
- Ultramarine Basin color palette (#EADCE8, #5182E4, #986B00, #0034D9, #261800)
- Gentle Amethyst color palette (#ECD8E1, #A285F6, #00A3A3, #8033F5, #002020)
- Gentle Magenta color palette (#EFE3D6, #FF5C72, #CB52FF, #3C204A, #0C0104)
- Aged Nightshade Coast color palette (#EBEFFF, #97A7FF, #696DFA, #4227C8, #06002F)
Browse the whole catalog at Explore, or see today's palette.