Faded Harbor color palette — #FFF1F7 · #C6EAFF · #8DB6FF · #00A79A · #403767

Turquoise and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Frost (#C6EAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#8DB6FF): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#00A79A): A luminous, balanced teal — the color of sea glass.
• Navy (#403767): 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 Faded 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

• Sky Lantern color palette (#FBF2FA, #A1F5FC, #40C5FD, #40A86B, #274067)
• Linen Coast color palette (#FDE8EF, #ACD9FF, #869CFF, #009092, #35234D)
• Hushed Sky Studio color palette (#E5FAF9, #D9DEEA, #55B7FF, #0083A2, #0C365F)
• Hushed Powder Studio color palette (#F9F3F9, #D2D6EA, #8FD3E8, #7FACA6, #455464)
• Patina Blush Terrace color palette (#FFE2EB, #FF88B5, #00C3C4, #239FC8, #4B1F31)
• Hazy Azure Boulevard color palette (#F6E7F3, #7FCEDA, #1C9DD9, #008154, #0A1B48)
• Petrol Boulevard color palette (#F0E0EE, #51B1B8, #007FA9, #006134, #00071F)
• Feathered Cobalt color palette (#FFE9F4, #42BEF2, #4A82D7, #006E63, #140738)

Browse the whole catalog at Explore, or see today's palette.