Faded Harbor color palette — #F8E9DE · #80C9F8 · #6D8EE0 · #007D79 · #22173C

A conversation between Lavender Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8E9DE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#80C9F8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Lavender Blue (#6D8EE0): A luminous, balanced violet — the color of wild irises.
• Teal (#007D79): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#22173C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Frosted Azure color palette (#F8E5DE, #59D4E2, #009ED9, #008250, #091C45)
• Powdered Cobalt Field color palette (#DEE9E0, #7DB9DF, #3377BE, #005764, #0D1B46)
• Faded Orchard color palette (#FFF2EC, #84ECFF, #3BB5FD, #009C6E, #1F2E62)
• Washed Corridor color palette (#E0DDEC, #AD8DFF, #009075, #178617, #15082C)
• Chalky Apricot color palette (#F8D2E3, #F8B0E3, #FB9273, #4984C3, #2F1332)
• Hushed Powder color palette (#FDF3EB, #CDE8FF, #9CB2FF, #00A5A6, #45375E)
• Faded Ultramarine Parlor color palette (#F9EAF0, #80A1BA, #0B51B4, #00393C, #09002E)
• Quiet Byzantium Terrace color palette (#D0EAFF, #7389FF, #9349F0, #813A96, #390028)

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