Sapphire Drift color palette — #E1F9E6 · #CF9F25 · #276CE5 · #745600 · #021C4F

Built around Royal Blue, softened by Gold — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E1F9E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Gold (#CF9F25): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#276CE5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#745600): A full-bodied, balanced gold — the color of old brass.
• Midnight (#021C4F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged cool.

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 Summit color palette (#FFF3E3, #CE9825, #4561DF, #785500, #243375)
• Airy Delta color palette (#FFECF2, #E59225, #007BBC, #814D00, #00233A)
• Indigo Boulevard color palette (#D4F1E3, #AAA534, #6B5DB7, #5B5800, #1C133D)
• Patina Cornflower Bloom color palette (#FFF4E2, #ECB62D, #6183EC, #977100, #1E317D)
• Dusty Olive Ridge color palette (#DCF9F1, #8FB168, #A27BBB, #50711F, #321C3F)
• Ember Terrace color palette (#FFEBF8, #ED6B45, #0093A7, #A02C00, #00262C)
• Patina Villa color palette (#DEFFE7, #F1C100, #7BAFFF, #997A00, #062B62)
• Patina Hollow color palette (#C6F1D4, #9D7F00, #008496, #9B2490, #1F1700)

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