Misty Sapphire Quarry color palette — #E6F1F1 · #8FB5DD · #2064C3 · #004B6B · #1C2B54

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

The five colors

• Cream (#E6F1F1): bright and airy, almost weightless.
• Sky (#8FB5DD): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2064C3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004B6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Navy (#1C2B54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Petrol Bloom color palette (#E2F3F0, #86BBCC, #007295, #004F56, #023249)
• Ancient Archive color palette (#F4E4E9, #84B9EA, #5066AD, #004A54, #170D32)
• Weathered Cornflower color palette (#F6EDE3, #92CAFE, #607FDF, #006A78, #2E284A)
• Muted Study color palette (#EBF9F7, #9DD9EA, #008CB2, #00656C, #0C455F)
• Tempered Denim Boulevard color palette (#D7E6E4, #4D99BF, #004E78, #002E39, #00142A)
• Amethyst Boulevard color palette (#C5E4EE, #009192, #753EDB, #005455, #2C1D50)
• Muted Pier color palette (#E8F1E8, #B7D7F6, #8D9FEC, #009093, #362151)
• Teal Harbor color palette (#EFF7F5, #CEE0F2, #52A8B0, #427B70, #405660)

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