Hazy Summit color palette — #FFF0FB · #AFF1FF · #63C0FF · #14AA7B · #2D3C6E
A conversation between Jade and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Sea Foam (#AFF1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#63C0FF): A luminous, balanced blue — the color of open sky before noon.
- Jade (#14AA7B): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#2D3C6E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Hazy Summit 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
- Timeworn Workshop color palette (#FFF1F5, #CFE8FF, #9EB1FF, #00A5A8, #473562)
- Sky Summit color palette (#EDF9EF, #D7D6E4, #02BFF6, #008881, #00385A)
- Ancient Powder color palette (#FBF2F6, #D8D4E3, #ACC9F0, #75ADB5, #48516D)
- Wandering Seafoam Villa color palette (#9EF6CD, #00DDD3, #00B2C8, #0086B4, #0C417F)
- Sunlit Cobalt Boulevard color palette (#F7E7ED, #70A8CE, #526FC2, #005D5B, #0E0024)
- Hushed Iris color palette (#DBE7DA, #97C6EB, #6E89F3, #007D7D, #270D47)
- Cobalt Boulevard color palette (#FBEFE9, #91DEEE, #008BCE, #006547, #172248)
- Coral Summit color palette (#EBF7FF, #65D4FF, #FF9489, #00A6D4, #6A1916)
Browse the whole catalog at Explore, or see today's palette.