Faded Harbor color palette — #F7EED5 · #D0C300 · #A4A5FF · #9D9527 · #303156
Saffron and Wisteria set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7EED5): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#D0C300): A luminous, vivid green — the color of fresh herbs.
- Wisteria (#A4A5FF): A luminous, balanced violet — the color of a velvet chair.
- Moss (#9D9527): A luminous, balanced green — the color of fresh herbs.
- Navy (#303156): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, 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
- Dusty Wisteria color palette (#F3EFDB, #CEDE6A, #D493F1, #7A8600, #442850)
- Powdered Chartreuse color palette (#F7F6E4, #B6DB85, #CBACF9, #8CAB64, #483A5D)
- Hushed Olive Courtyard color palette (#DDFEF1, #B9C967, #87A2F4, #717F00, #162255)
- Hushed Azure Corridor color palette (#FBECDA, #FFC877, #48A5E9, #BA8634, #063859)
- Wandering Mustard Alley color palette (#F8E0DE, #88C5FF, #BEBF00, #4A4841, #231F13)
- Feathered Sunflower Lagoon color palette (#F3E4B8, #D5C834, #A783CC, #7C83E7, #352A0B)
- Patina Chartreuse Pier color palette (#EBF2D8, #63F495, #D475C7, #54A56D, #4A2745)
- Linen Mustard color palette (#D7F8E5, #BEA900, #DC6B8B, #817200, #552231)
Browse the whole catalog at Explore, or see today's palette.