Faded Azure Harbor color palette — #DFF1F9 · #54C0FF · #319BF4 · #567ABC · #2D325B
Built around Cornflower, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#DFF1F9): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#54C0FF): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#319BF4): A luminous, vivid blue — the color of deep harbor water.
- Slate (#567ABC): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#2D325B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Faded Azure 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
- Sunlit Azure Canyon color palette (#E0FAFF, #7ED7FF, #3F92DD, #41539D, #26214C)
- Aqua Balcony color palette (#D7EAE8, #00CCDF, #00B1D5, #007FA8, #163F5D)
- Linen Delta color palette (#DCEAFF, #A3B8FF, #8985F3, #806DB6, #4A3359)
- Iris Grove color palette (#F2F5FF, #BCCCFF, #8D9BFC, #5B6FB5, #181F47)
- Soft Marigold color palette (#FEE5FE, #96C1FF, #F2AB43, #5087D6, #4B2F00)
- Tempered Navy Field color palette (#D0EAFD, #4B95D1, #006BC7, #003999, #0D1D46)
- Hushed Shell Canyon color palette (#FFF0FC, #E5D5E8, #FEB8D2, #73ADD6, #503B48)
- Powdered Coral color palette (#FBD8F6, #86ACFF, #F67972, #6BA76D, #382335)
Browse the whole catalog at Explore, or see today's palette.