Hazy Sky color palette — #FFF0FD · #68F0FD · #13B9F8 · #009D5E · #102F68

Cyan takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#68F0FD): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#13B9F8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#009D5E): A luminous, balanced teal — the color of sea glass.
• Navy (#102F68): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Hazy 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

• Pale Summit color palette (#FFF0F7, #AAE3FF, #74ABFF, #00998A, #312763)
• Azure Veranda color palette (#EAD9E6, #56D4E7, #139DDD, #008156, #0C1B47)
• Glacier Chapel color palette (#FFF4E2, #3AE3F2, #009CBC, #007464, #003850)
• Worn Ridge color palette (#FDF1F8, #D4E1FA, #8CC3F6, #68A792, #3A4764)
• Worn Turquoise Grove color palette (#DFFDF7, #BCE4FD, #00ACC5, #00736E, #002A35)
• Petrol Pier color palette (#FFEEE6, #69CDD8, #007DA1, #00543E, #001B33)
• Pale Study color palette (#F9E8F0, #5EBCE9, #377EEF, #006E63, #140836)
• Marigold Market color palette (#DEFFD2, #86FFF9, #AAD2FF, #B99E3B, #004129)

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