Sapphire Drift color palette — #D8FAE3 · #BC9D29 · #0A61E8 · #766000 · #000C2F

Royal Blue takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D8FAE3): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#BC9D29): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#0A61E8): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#766000): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000C2F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Powdered Sapphire Harbor color palette (#F2DEE7, #E88229, #255EE9, #954C00, #00043B)
• Soft Ultramarine Cabin color palette (#EBE4D7, #957200, #1C43FF, #574100, #01013F)
• Byzantium Canyon color palette (#D9EEDF, #C09B29, #8D1EE9, #795F00, #18002F)
• Tempered Amber Summit color palette (#EEDBE1, #C87600, #008DB1, #8D5200, #00121A)
• Powdered Lagoon color palette (#F2E6CF, #9F7600, #7047FD, #8C14B0, #0C0600)
• Nightshade Chapel color palette (#F5E3C4, #725700, #1736B0, #362700, #000017)
• Feathered Magenta color palette (#DFF1E6, #A48C00, #C800DB, #736100, #1F0023)
• Chartreuse Loft color palette (#C1F1DF, #C3D632, #6DA9FF, #717D00, #002B64)

Browse the whole catalog at Explore, or see today's palette.