Faded Harbor color palette — #FFF0F7 · #B8A7FF · #A77900 · #177C17 · #1D1437

Olive and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#B8A7FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#A77900): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#177C17): A full-bodied, vivid green — the color of fresh herbs.
• Deep Indigo (#1D1437): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Wisteria Workshop color palette (#FFF1F5, #D499FF, #988100, #007A55, #2F0E1B)
• Softworn Amber Study color palette (#FFF0FE, #8BB7FF, #C66300, #696D00, #271227)
• Weathered Lime color palette (#FFF0FA, #9FABFF, #85B92F, #729643, #3C2134)
• Linen Market color palette (#FFF1F2, #EF7FDC, #AE6E00, #006044, #001A57)
• Wisteria Market color palette (#FFF1F5, #B274EE, #8C6D00, #005C36, #200A23)
• Aged Moss color palette (#FFF1F2, #E096CE, #8BAC42, #00847A, #311F20)
• Feathered Workshop color palette (#D8FFF3, #6CBEFF, #E5391F, #7C6400, #00211A)
• Raspberry Alley color palette (#FFF4E2, #F597F5, #DE4472, #2C6900, #3F1632)

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