Misty Sapphire color palette — #C7E8CD · #3C6BEA · #5F318A · #472D00 · #1E1F42

A conversation between Sapphire and Plum, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#C7E8CD): A whisper-light, dusty teal — the color of glacier melt.
• Sapphire (#3C6BEA): A full-bodied, vivid violet — the color of wild irises.
• Plum (#5F318A): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#472D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Indigo (#1E1F42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro.

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

• Antique Atelier color palette (#DCF7E1, #6E7AE2, #75408A, #523C00, #282E4C)
• Hushed Bloom color palette (#D3F1E9, #007EC8, #5A3781, #203300, #03092D)
• Soft Violet Canyon color palette (#F2DCAE, #8653DB, #792668, #373500, #231F3F)
• Pale Summit color palette (#F2DBAD, #0081B1, #333BA7, #591D00, #0D263C)
• Soft Cabin color palette (#F3EBDC, #6542D6, #650068, #2C2400, #1C0C2E)
• Airy Azure Veranda color palette (#E4E0BB, #3297EB, #7F4DAC, #3E4F00, #15204A)
• Lapis Parlor color palette (#D8E2F5, #4454DC, #820C37, #332F00, #002527)
• Twilit Grape color palette (#DFE6F8, #5700D9, #3E3130, #23102F, #050816)

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