Misty Sapphire color palette — #FFF1F6 · #8ABFE2 · #3D64D2 · #005653 · #392166

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#8ABFE2): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3D64D2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#392166): A deep, shadowed, balanced 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 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

• Chalky Petrol color palette (#FFF0FB, #56CADE, #0075AC, #00593C, #192B6E)
• Airy Sapphire color palette (#FAF0E2, #85C3EE, #0070D4, #00505D, #080E4D)
• Hazy Garden color palette (#F0E3E8, #73A4CC, #3E4DA3, #003E3F, #271142)
• Aged Cornflower color palette (#EDF9EF, #9ED2F6, #3C8DEA, #007082, #18257A)
• Cypress Corridor color palette (#F9F3F9, #B9E5F1, #5894A9, #456D49, #2E4A67)
• Timeworn Periwinkle Hollow color palette (#FFF3E8, #B4E0FF, #85A7FF, #009894, #38255E)
• Ancient Grove color palette (#EBDBE8, #559CA6, #005072, #00321D, #010B3F)
• Gentle Plum color palette (#FFDDE8, #CB0073, #00727B, #1A5270, #470025)

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