Faded Harbor color palette — #EDF8F7 · #D3DCFA · #7ABCFF · #009ECE · #223F6C

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Powder Blue (#D3DCFA): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#7ABCFF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009ECE): A luminous, balanced blue — the color of deep harbor water.
• Navy (#223F6C): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Faded Aqua color palette (#E8FAF6, #C0E4FF, #00CBF0, #00A5A6, #00475C)
• Periwinkle Ridge color palette (#FEF3E8, #DAD5E0, #83ADFF, #008691, #312F57)
• Antique Cobalt color palette (#F0F4E8, #A4D6FF, #3685D5, #005D7C, #0F2447)
• Muted Basin color palette (#DBE7E5, #9DC7DB, #00A1C8, #007C82, #002332)
• Wandering Azure color palette (#F4E4FF, #D793FF, #FF7C84, #21A2FC, #401E53)
• Timeworn Petrol color palette (#D9E9E6, #6AADB8, #00829B, #005D5E, #000B12)
• Hazy Orchid color palette (#F3F4FF, #D5B3FF, #00CEE1, #B76BFF, #00434A)
• Linen Canyon color palette (#E2E2F1, #BCAFFF, #B480FF, #9E47DD, #54266A)

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