Sapphire Drift color palette — #EBFBE3 · #00A08B · #236BF0 · #503993 · #020A00
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#EBFBE3): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#00A08B): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#236BF0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#503993): A full-bodied, balanced violet — the color of wild irises.
- Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Creativity, Energy, Balance. 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
- Emerald Station color palette (#F1F9E4, #00A467, #007DBF, #31429C, #060900)
- Chalky Aubergine Summit color palette (#E8FBEB, #00A6AE, #0066AC, #431680, #001201)
- Linen Indigo color palette (#E7FDE1, #009F94, #4A6DD7, #545000, #010B00)
- Lapis Market color palette (#E1F5E0, #008381, #4746D2, #500F75, #000201)
- Pale Violet Field color palette (#E9FAEE, #00B1CA, #976EE2, #814680, #001B0B)
- Navy Lagoon color palette (#F6F8D9, #00BBA6, #007A81, #2A2D92, #001715)
- Hushed Byzantium color palette (#DFFEF0, #0096CB, #A243C5, #890A5D, #000A06)
- Feathered Nightshade color palette (#DCF1EB, #57841F, #363495, #61004E, #040A00)
Browse the whole catalog at Explore, or see today's palette.