Sapphire Drift color palette — #FFF0F8 · #7DC2E1 · #176BCD · #00574C · #302072

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#7DC2E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#176BCD): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#302072): A deep, shadowed, balanced 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

• Cobalt Courtyard color palette (#FDF1F8, #ADCADB, #3E7BBB, #006151, #34365D)
• Quiet Parlor color palette (#FCF0DE, #60CAF4, #0078B7, #005156, #00183D)
• Denim Coast color palette (#FBEBF2, #6CA7C6, #2753A1, #003E39, #220952)
• Antique Corridor color palette (#E9FBEC, #7BD8FF, #0094E0, #007178, #023069)
• Chalky Orchard color palette (#DBFFED, #8EDDEB, #7495FF, #4E6D00, #004644)
• Cypress Terrace color palette (#FAF3F6, #D9DEEF, #859ABC, #257D79, #4B506F)
• Aged Quarry color palette (#F1E4F2, #459FA1, #005269, #003311, #00132E)
• Pale Periwinkle Terrace color palette (#FFF2EA, #A4E5FF, #69AEFF, #009A84, #2D2767)

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