Misty Sapphire color palette — #D2E1E9 · #0E9FF4 · #4669EC · #5638B7 · #2A074B

Sapphire and Plum set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D2E1E9): a clean, paper-quiet neutral.
• Cornflower (#0E9FF4): A luminous, vivid blue — the color of deep harbor water.
• Sapphire (#4669EC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Plum (#5638B7): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#2A074B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Hushed Indigo Market color palette (#E1EFFF, #5E90FF, #745AED, #742DA7, #2F0037)
• Weathered Ultramarine color palette (#CEE5FF, #4688F7, #3958D7, #26239F, #1D1554)
• Airy Quarry color palette (#D9EFEF, #00A7C6, #0081B4, #0056A8, #181857)
• Feathered Loft color palette (#CBEAFB, #0077C4, #002AC4, #250068, #120021)
• Washed Violet color palette (#EAEBFF, #B299FF, #8468EE, #4F38A7, #0B0031)
• Worn Ultramarine color palette (#EDDBE9, #90ABFF, #9E9203, #3040E1, #1E1B00)
• Iris Summit color palette (#E1E5FE, #757BF9, #9E7F00, #457E35, #0C0B30)
• Pale Cobalt color palette (#E2E6FF, #DCBBF0, #E694B6, #268AC7, #281D45)

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