Sapphire Drift color palette — #FFE1E2 · #3769FF · #8C6800 · #0C0E03 · #000301
Built around Sapphire, softened by Ochre — the whole palette hums with optimism and creativity.
The five colors
- Rose Water (#FFE1E2): A whisper-light, dusty red — the color of late-summer berries.
- Sapphire (#3769FF): A full-bodied, vivid violet — the color of a velvet chair.
- Ochre (#8C6800): A full-bodied, balanced gold — the color of old brass.
- Ink (#0C0E03): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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
- Gentle Harbor color palette (#F3D9CF, #4566FF, #B64600, #130900, #060003)
- Feathered Rust color palette (#FFE2EA, #0086B1, #BF3B00, #1F0308, #050003)
- Aged Field color palette (#E1E4F3, #0080A6, #007655, #040F0F, #010200)
- Dusty Magenta Station color palette (#F7E8DC, #C400CC, #916600, #00120E, #000300)
- Powdered Olive color palette (#D0E9E3, #4B8700, #00418F, #214200, #000207)
- Abyss Delta color palette (#E4F2F3, #8FA9B4, #6E89A3, #00523E, #000C0D)
- Feathered Magenta color palette (#F6E8FE, #E342D1, #476E00, #050F0A, #010100)
- Hushed Lagoon Lagoon color palette (#E0F2D3, #008A6A, #00535F, #002443, #04001D)
Browse the whole catalog at Explore, or see today's palette.