Sapphire Drift color palette — #F4ECDD · #0674EE · #663BAB · #553100 · #010019
Built around Royal Blue, softened by Plum — the whole palette hums with trust and stability.
The five colors
- Cream (#F4ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Royal Blue (#0674EE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Plum (#663BAB): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#553100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#010019): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged retro, 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
- Timeworn Alley color palette (#F2EAD8, #0082BE, #4A43BC, #602800, #00030D)
- Faded Delta color palette (#EDDFC0, #7E4BFF, #8D238A, #443A00, #060011)
- Feathered Lagoon color palette (#E3EEFF, #2761F6, #9B055A, #463300, #000202)
- Muted Aubergine color palette (#D9EDE4, #006E8C, #4E1981, #202100, #00030D)
- Hushed Iris color palette (#E7EFFF, #8777C3, #785677, #5C4710, #101400)
- Cobalt Grove color palette (#D7E6DA, #63A6E6, #476FC9, #005A72, #07002B)
- Eclipse Thicket color palette (#E2EAFE, #4B13F3, #29173D, #0A0914, #00010B)
- Airy Wisteria color palette (#D9ECDC, #AF72FF, #B24992, #585A00, #210B29)
Browse the whole catalog at Explore, or see today's palette.