Sapphire Quarry color palette — #F3EEE5 · #8FB7D5 · #2666BC · #004D5D · #222B4F

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#8FB7D5): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2666BC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#222B4F): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Sapphire Quarry 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 Sapphire Drift color palette (#F4E6D9, #84BAE1, #4A64BA, #004B4A, #190E2E)
• Hushed Petrol color palette (#F2EEE6, #6EC1C5, #007589, #005142, #003346)
• Frosted Delta color palette (#F9EAEF, #96CBF2, #6480D9, #006C6A, #32254C)
• Periwinkle Parlor color palette (#DFF3F3, #ACD9FD, #5EA9F5, #008AB5, #112D57)
• Wandering Basin color palette (#FCF4E7, #8BDDEC, #008CB2, #00675F, #004468)
• Weathered Cerulean color palette (#EDE5DA, #3F9BBD, #004E78, #002F32, #001330)
• Tempered Ash Summit color palette (#F8F5EF, #C8E8EC, #7F99CB, #36788E, #604B59)
• Timeworn Market color palette (#DFF5DF, #70DDFC, #4C9DED, #006E50, #193A25)

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