Faded Harbor color palette — #F3F4FF · #C9ACFE · #B0A22D · #597AC2 · #2B3659

Mustard takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#C9ACFE): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B0A22D): A luminous, balanced green — the color of new leaves after rain.
• Azure (#597AC2): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2B3659): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Amber Dune color palette (#EFF6FF, #9DBEFF, #DC8B16, #0088B6, #1C3B54)
• Quiet Jade Lagoon color palette (#F7F3FF, #F39DDB, #5DB76A, #627BB7, #27365B)
• Softworn Orchard color palette (#F5F3FF, #E7CDE6, #A3BEA2, #8398B0, #455465)
• Quiet Blush Grove color palette (#FBF1FC, #FF98A7, #928D3A, #10686D, #242847)
• Dusty Powder color palette (#FBF2F6, #D7DEF6, #9BBDFD, #4FAAA1, #3F4664)
• Antique Harbor color palette (#FEF0FD, #FFA09F, #00B6BB, #7374B8, #32325D)
• Patina Teal color palette (#EFF8F2, #ADE1D7, #5AC2A0, #918AAD, #2C4943)
• Timeworn Byzantium color palette (#FBF1FF, #FF8FB0, #00B293, #9E4BB8, #451A52)

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