Misty Sky Harbor color palette — #FFF2EC · #D2DBF1 · #21BCFE · #008D56 · #1C3360
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Powder Blue (#D2DBF1): A whisper-light, dusty violet — the color of twilight just after sunset.
- Cyan (#21BCFE): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008D56): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1C3360): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Misty Sky Harbor 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
- Hushed Periwinkle color palette (#FBF4ED, #D8D5E1, #88ACFF, #008883, #382A5D)
- Antique Loft color palette (#FFF2EB, #D6DEF9, #00A4EE, #007651, #0C1B5D)
- Aqua Thicket color palette (#FBF3F1, #BAEBF0, #56CCEB, #648F60, #26473E)
- Sunlit Cerulean color palette (#FCF2F9, #8FDDE8, #008BB6, #006952, #0E4170)
- Powder Veranda color palette (#FBF4EF, #C4DFEA, #BFC0F9, #59A291, #5A4753)
- Petrol Basin color palette (#FDE9E2, #5ACAD2, #007196, #004121, #00020C)
- Tempered Ultramarine color palette (#F3E7DE, #72AACA, #184AB6, #002C28, #010008)
- Misty Indigo Quarry color palette (#FFF3E8, #95D4FF, #456BF4, #00514F, #11012A)
Browse the whole catalog at Explore, or see today's palette.