Misty Sky color palette — #FFF0FA · #B3F0FF · #69BFFF · #41A583 · #313C6A

A conversation between Sky and Jade, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Frost (#B3F0FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#69BFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#41A583): A luminous, balanced teal — the color of sea glass.
• Navy (#313C6A): 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 Sky 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

• Dusty Powder Harbor color palette (#EBFAEA, #CEE8FF, #A0B1FF, #00A5A9, #47365E)
• Hushed Periwinkle color palette (#F6EBF0, #97DFFB, #66A8F2, #1E927D, #282852)
• Tempered Terrace color palette (#FBF2F6, #D9D4E2, #ABC8F8, #72AFA7, #4C5266)
• Antique Atelier color palette (#F9E6EC, #8AC5FF, #7C86ED, #007C82, #271539)
• Dusty Grove color palette (#F2DCE4, #6AA7D6, #576CC6, #005D5D, #0F0023)
• Stone Chapel color palette (#D4FFFC, #EEDAD8, #B6E5FF, #B8B572, #1C4D51)
• Patina Fuchsia Harbor color palette (#DCFDFF, #42FACA, #FA82F7, #009A79, #572156)
• Frosted Boulevard color palette (#D7FFF6, #2CF6C9, #00C9A2, #008B6B, #002A23)

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