Misty Sky color palette — #FBF2FA · #BAE9FA · #3EC0F9 · #45A06D · #253B59

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Powder Blue (#BAE9FA): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#3EC0F9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#45A06D): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#253B59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Powder Cabin color palette (#FAF3F6, #D4DFF7, #8FC1FB, #56AA96, #3C4765)
• Washed Periwinkle color palette (#F6EBF0, #B0D9F6, #6BA4FF, #009285, #2D2650)
• Tempered Chapel color palette (#EFF6FF, #F1D4E5, #F3BBA3, #53B9D2, #333D56)
• Wandering Turquoise Summit color palette (#FAF4EB, #A6E0E6, #00A6C7, #007E6D, #1B4335)
• Wandering Azure Summit color palette (#E5DBE1, #78CFE1, #009BE6, #00815C, #101A46)
• Linen Terrace color palette (#EDE1EA, #60AEBB, #007DB4, #006040, #010329)
• Chalky Workshop color palette (#CFEBF2, #4EC5FE, #6C98FF, #7163C3, #422C50)
• Weathered Hollow color palette (#F9F0EB, #B4D0B9, #2F87A7, #005E46, #02223C)

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