Hazy Sky color palette — #E8FDD8 · #D4EEFF · #70C0F7 · #6E73B7 · #512C5C
Built around Sky, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Custard (#E8FDD8): A whisper-light, dusty green — the color of a quiet forest floor.
- Frost (#D4EEFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#70C0F7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6E73B7): A full-bodied, balanced violet — the color of a velvet chair.
- Royal Purple (#512C5C): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Wandering Drift color palette (#DEFFE5, #E1DEEA, #9CABED, #8A6296, #602E4C)
- Muted Navy color palette (#E8F8FF, #A9E2FF, #91C0EB, #7B90C4, #403C70)
- Tempered Indigo Chapel color palette (#E0FBFF, #61C5FF, #5B63ED, #660081, #2D001F)
- Gentle Petrol Atelier color palette (#FAF7D3, #AFF4EC, #59C1BA, #2C7DA5, #233B6E)
- Gentle Iris Delta color palette (#E5F9FF, #A5D0FF, #857EFE, #782C7F, #4B001E)
- Tempered Grape color palette (#CFF0FF, #5F9FFF, #771FCF, #550053, #120002)
- Worn Atelier color palette (#E9FAF4, #68B7ED, #674B5A, #1F2F2A, #0C110D)
- Softworn Periwinkle Study color palette (#FEF3E7, #90F0EE, #889FE2, #8B6D41, #31443A)
Browse the whole catalog at Explore, or see today's palette.