Misty Sapphire Quarry color palette — #FFF1F6 · #54C4FF · #3465D3 · #005651 · #362463

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#54C4FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3465D3): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#362463): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Misty 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

• Cobalt Hollow color palette (#FDF2F7, #90CFEE, #5078B7, #006157, #39355A)
• Cobalt Loft color palette (#F0F4E5, #7CC4F3, #0076BF, #004E64, #001939)
• Powdered Ultramarine Field color palette (#FCEAF0, #71A5CB, #3349B7, #003E3D, #24153E)
• Muted Forest color palette (#FFEFFF, #41CFCD, #007A97, #005B1B, #003460)
• Cornflower Atelier color palette (#E5FAF9, #96D3FB, #0092EA, #006E8B, #003266)
• Airy Iris Coast color palette (#D2FFEA, #2EDFF9, #8091FF, #4E6901, #003F44)
• Cerulean Hollow color palette (#FAF2FB, #B8E5F2, #4596B0, #446E48, #344A61)
• Airy Market color palette (#FEF3E9, #B2E1FF, #75ABFF, #00969E, #2B276A)

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