Sapphire Drift color palette — #ECECDF · #77BA3E · #445CF1 · #407300 · #1A0416
Royal Blue takes the lead with Clover close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#ECECDF): a clean, paper-quiet neutral.
- Clover (#77BA3E): A luminous, vivid green — the color of fresh herbs.
- Royal Blue (#445CF1): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#407300): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#1A0416): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged duotone, 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
- Muted Indigo color palette (#F5F6EE, #7CCA80, #6A6EEC, #1D882F, #21131D)
- Timeworn Violet color palette (#EAEDE1, #3DC265, #9755F9, #006429, #19060F)
- Antique Cobalt Loft color palette (#F0EBDF, #C1A300, #0073CC, #756200, #17051A)
- Airy Cabin color palette (#E9F9F7, #73D488, #027AC9, #007832, #000104)
- Hushed Basin color palette (#E4E9D9, #00AE68, #8325BC, #006339, #0C0003)
- Powdered Grape color palette (#E3E3D1, #6BA015, #6929CC, #543F00, #291D00)
- Hazy Drift color palette (#E6EEE3, #00BEAB, #A828C6, #007467, #1C040B)
- Lilac Coast color palette (#F2F7EE, #7CDABA, #997AD9, #009675, #2E1F26)
Browse the whole catalog at Explore, or see today's palette.