Misty Sapphire Workshop color palette — #ECF7FF · #5ADCF6 · #01B6EF · #0174E8 · #003550

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Ice Blue (#5ADCF6): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#01B6EF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0174E8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Teal (#003550): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Quiet Cobalt color palette (#E9F8FF, #69D5D6, #00ACCE, #007AB5, #003A4A)
• Indigo Market color palette (#F0F6FF, #8BC7FF, #769CFC, #755FEE, #232B55)
• Airy Iris Lantern color palette (#E7FBF1, #50F7D9, #31C5FA, #967DF2, #11304E)
• Antique Indigo color palette (#E4F5FE, #00E9C0, #01B0E9, #7468D8, #021931)
• Muted Ultramarine color palette (#D2E5F7, #00B7E2, #0088D4, #251FEC, #001632)
• Aged Boulevard color palette (#DEE9F6, #6994D4, #4266C9, #2E35A3, #303165)
• Amethyst Veranda color palette (#F0F5FF, #85B8FF, #8188FF, #8107EC, #201161)
• Ancient Cerulean color palette (#EDF8F6, #AACBD8, #00879D, #00605E, #004253)

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