Weathered Harbor color palette — #EFF6FF · #C1D5FF · #EEBD80 · #92A8D6 · #40533F

Cantaloupe and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#C1D5FF): A whisper-light, dusty violet — the color of wild irises.
• Cantaloupe (#EEBD80): A whisper-light, balanced gold — the color of honey in a jar.
• Mauve (#92A8D6): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#40533F): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. 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

• Oat Lantern color palette (#F5F4FF, #EEC2FC, #C5CE87, #BD99C9, #325549)
• Patina Study color palette (#EAF8FF, #8CE3FF, #F9B68A, #63B5CF, #614351)
• Weathered Powder color palette (#FEF0FD, #A1C6FF, #CEAB75, #6B8DC3, #514C46)
• Dusty Summit color palette (#EEF6FF, #D5D9F5, #A2DCB2, #729ECB, #1E4F4D)
• Quiet Orchard color palette (#F2F5FF, #C8B9FF, #EEB922, #9474E8, #4B3700)
• Cobalt Terrace color palette (#F7EFF6, #99B5E0, #BC9557, #4170BB, #422D05)
• Seafoam Pier color palette (#88FFD6, #FFD597, #AEDAFF, #58646F, #303539)
• Tempered Bone Courtyard color palette (#F1F5FF, #BDECC3, #929BCA, #616D86, #272B34)

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