Sapphire Drift color palette — #F8ECE2 · #75C1EA · #0065C5 · #003E3F · #020013

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

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#75C1EA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0065C5): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Dusty Canyon color palette (#FDE9E0, #74C6D0, #007193, #003F2F, #000308)
• Navy Boulevard color palette (#EDDBE3, #4594B9, #09429C, #002C28, #050018)
• Cerulean Garden color palette (#FDF3EE, #9ADAD5, #00899D, #00552D, #000F18)
• Gentle Cobalt Studio color palette (#D9EDEC, #4EBCF6, #008AD4, #006982, #00142C)
• Antique Villa color palette (#D4EEEC, #00A79F, #005A55, #001616, #000202)
• Timeworn Hollow color palette (#DEE7DA, #009283, #B6007C, #00463E, #040002)
• Pale Iris Garden color palette (#FFF3E6, #DEE2F5, #6994FF, #00707D, #241851)
• Tempered Terrace color palette (#E1F4DA, #00964A, #00634A, #00312E, #000102)

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