Misty Ridge color palette — #CDE3FF · #8FB7FF · #648AEC · #5360A6 · #58394D

Lavender Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8FB7FF): A luminous, balanced violet — the color of twilight just after sunset.
• Lavender Blue (#648AEC): A luminous, balanced violet — the color of wild irises.
• Slate (#5360A6): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#58394D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Patina Periwinkle color palette (#BBE8FF, #5FB2FF, #6377C4, #524D87, #5B3643)
• Gentle Alley color palette (#BEEEFF, #5DC3F2, #0099DA, #2770A4, #543957)
• Ancient Coral Ridge color palette (#FFF0F9, #ABAEFF, #F27B81, #7576C5, #5C382C)
• Lilac Atelier color palette (#FFD7EE, #BEAAF9, #A67DE4, #7F59A0, #633C47)
• Iris Workshop color palette (#FFF0F8, #CDC6FF, #8E83DF, #5A5197, #322A53)
• Shell Villa color palette (#FFF0F8, #E5D9E2, #F3BBD3, #929CC7, #56424B)
• Blush Villa color palette (#FFF0F7, #A694F1, #DE6D98, #0F94BB, #46313B)
• Sunlit Cerulean color palette (#C7EFCF, #62D0E5, #009DBE, #00789C, #225142)

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