Sapphire Drift color palette — #EFE6DC · #7BAC9E · #446BD9 · #005C66 · #0A0027

Built around Sapphire, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Parchment (#EFE6DC): bright and airy, almost weightless.
• Sage (#7BAC9E): A luminous, dusty teal — the color of sea glass.
• Sapphire (#446BD9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#0A0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Cobalt color palette (#F5ECE6, #65ACBF, #007DB4, #005E52, #000720)
• Denim Alley color palette (#D3E7E6, #7696B5, #0057A7, #00384E, #000428)
• Sunlit Azure Harbor color palette (#F2E8E1, #A1CBB8, #4F96DE, #007D7B, #111452)
• Washed Courtyard color palette (#E4F4E0, #6BB3CF, #7B8AE3, #00803D, #001215)
• Patina Plum Summit color palette (#D7E7D7, #009090, #CB0071, #006161, #130006)
• Cerulean Hollow color palette (#D6F3F7, #009CA6, #007477, #004245, #000203)
• Hushed Navy Ridge color palette (#FDE5ED, #417EAD, #143089, #001F23, #010009)
• Feathered Plum Pier color palette (#DAF6DD, #007E84, #BB0055, #A80312, #000202)

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