Weathered Harbor color palette — #ECF7FF · #A2DDFF · #F4A57B · #3F94BF · #4B2D3E

Melon and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Powder Blue (#A2DDFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Melon (#F4A57B): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#3F94BF): A luminous, balanced blue — the color of open sky before noon.
• Espresso (#4B2D3E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Balance. Tagged light, muted.

Use it as a design system

One click turns Weathered 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

• Linen Summit color palette (#ECF7FF, #8FD6FD, #F3AB78, #3DABDE, #5F3719)
• Gentle Lagoon color palette (#E7F9FF, #44EEFA, #F69FA2, #249BA3, #55292C)
• Hushed Basin color palette (#F0F6FF, #C1D4FF, #D6B858, #6E88C5, #20402D)
• Softworn Ash color palette (#EDF7FF, #DCD9E4, #B7ADA5, #85B4CA, #384654)
• Sand Boulevard color palette (#F1F5FF, #FFE2A5, #6B73A0, #2C3853, #0B0F19)
• Timeworn Station color palette (#E4F7F0, #65ADD9, #C37853, #006C9C, #401B08)
• Blush Alley color palette (#EDF7FF, #70C4FF, #EA87A5, #899A59, #1C2D3B)
• Periwinkle Alley color palette (#EEF6FF, #D7D8E4, #6BAAE3, #36628F, #02213B)

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