Hazy Sky color palette — #FFF2ED · #BDEDF7 · #04BEF9 · #1C8C4F · #163460
Built around Cyan, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Frost (#BDEDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#04BEF9): A luminous, balanced blue — the color of deep harbor water.
- Fern (#1C8C4F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#163460): A deep, shadowed, balanced 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 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
- Muted Periwinkle Field color palette (#FDF3EC, #D7D6E3, #77B0FF, #008979, #322C61)
- Frosted Azure Study color palette (#FFF2EC, #D4DEF8, #00A6E7, #00764B, #061D5A)
- Chalky Chapel color palette (#EDF9EF, #C9E2FF, #00CBF0, #00A88F, #004661)
- Dusty Delta color palette (#FBF2F9, #9ADCDF, #008BB7, #006B37, #1F3F6D)
- Muted Harbor color palette (#FBF3EF, #C1E1EC, #B9BFEA, #869975, #5A4654)
- Hushed Petrol Dune color palette (#FEE9E3, #63C9CC, #007291, #004119, #00020A)
- Muted Dune color palette (#FBECE1, #6DABCA, #295296, #002C27, #010008)
- Worn Grove color palette (#FDF3EC, #9ED4F3, #4476D5, #00524C, #0F002E)
Browse the whole catalog at Explore, or see today's palette.