Misty Ridge color palette — #F3F7EB · #CFE8FF · #82BAFF · #009DD4 · #2B3F65

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Frost (#CFE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#82BAFF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009DD4): A luminous, balanced blue — the color of open sky before noon.
• Navy (#2B3F65): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Veranda color palette (#C4EBFD, #63C7FF, #0CA8FA, #0081D8, #1B4277)
• Feathered Sky Boulevard color palette (#F5F7E8, #B2F0FF, #1CC9F6, #00A4AC, #03465F)
• Fuchsia Coast color palette (#E4EAFF, #9BAFFF, #FF66D9, #00B0C0, #252D51)
• Washed Periwinkle color palette (#FFF0FD, #E0DAE8, #E3BDE6, #63ADF9, #563A50)
• Periwinkle Garden color palette (#FFF1F5, #D8D3DE, #89ABFF, #008694, #342D5A)
• Powdered Sapphire color palette (#F0F5FF, #BCD3FF, #7CA9FF, #3571EB, #06245E)
• Worn Workshop color palette (#E7EADF, #89CBE1, #00A0D0, #007B87, #002235)
• Powdered Clover Lantern color palette (#E0FDF4, #94CBFF, #00DB62, #219CF9, #00481B)

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