Sapphire Drift color palette — #CFEED5 · #A87D00 · #2A57FF · #644900 · #0E2370
A conversation between Royal Blue and Navy, giving this palette its sense of optimism and creativity.
The five colors
- Honeydew (#CFEED5): A whisper-light, dusty teal — the color of shallow lagoons.
- Mustard (#A87D00): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#2A57FF): A full-bodied, vivid violet — the color of wild irises.
- Bronze (#644900): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#0E2370): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Optimism, 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
- Quiet Veranda color palette (#E3EABA, #929D22, #3340ED, #4D5400, #17216F)
- Patina Sapphire color palette (#FFEDD1, #A97F00, #0066F0, #614800, #001339)
- Ultramarine Market color palette (#FFDDC2, #D17C21, #0060B8, #743F00, #002D5C)
- Washed Grove color palette (#FBE2AE, #D9A72A, #4B6FEC, #856300, #13236E)
- Aged Byzantium Archive color palette (#DAFFEF, #A7AA25, #903DD1, #5F6100, #4A2669)
- Sunlit Grape Delta color palette (#C1E8E0, #56A421, #722FB8, #265600, #321950)
- Wandering Honey color palette (#F4E2C2, #F1C332, #4E96EA, #A68300, #002D5C)
- Hushed Grape color palette (#F9E9DD, #A85900, #6606FC, #7700AA, #3A1B00)
Browse the whole catalog at Explore, or see today's palette.