Misty Sky color palette — #FFF2ED · #5DF2FD · #04BAF5 · #189D5A · #113162

Cyan and Kelly Green set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#5DF2FD): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#04BAF5): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#189D5A): A luminous, balanced teal — the color of sea glass.
• Navy (#113162): A deep, shadowed, balanced blue — the color of open sky before noon.

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

• Quiet Periwinkle color palette (#FFF3E9, #A9E3FF, #72ACFF, #009988, #302861)
• Antique Lagoon color palette (#EEDED7, #69D2E1, #009DDD, #008155, #0E1C41)
• Timeworn Powder color palette (#FEF3EC, #BBF2EE, #94C2EF, #69A693, #573F50)
• Wandering Petrol Corridor color palette (#FEEBF9, #70CCD5, #007DA0, #00543E, #001B33)
• Powdered Cornflower Bloom color palette (#F0E3D9, #3BBFF1, #2A80EF, #006E61, #14023F)
• Aged Honey Loft color palette (#FCE0B6, #FDBC48, #929EFF, #996A00, #211B73)
• Tangerine Hollow color palette (#FFF0D9, #DCF48A, #1FEEDC, #E67452, #463A00)
• Powdered Atelier color palette (#F4D9D3, #FF8B27, #C18800, #7C7300, #1A3A00)

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