Faded Harbor color palette — #D8E5FF · #A2B1FF · #B77100 · #598B00 · #151946

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

The five colors

• Frost (#D8E5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#A2B1FF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#B77100): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#598B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#151946): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, 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

• Ember Harbor color palette (#D3E7FF, #88B9FF, #D85200, #867D00, #001D47)
• Tempered Mallow color palette (#E1E2FF, #D09DFF, #978300, #00905F, #2A113D)
• Quiet Station color palette (#F0F3FF, #9A86FF, #BB7300, #167E15, #001B26)
• Aged Quarry color palette (#CAEAFE, #36C8FB, #E33560, #9F7000, #002330)
• Aged Fuchsia color palette (#E7E4FF, #DD74FF, #E05900, #4A7600, #002933)
• Timeworn Peony Chapel color palette (#C9F1D1, #D18FFF, #ED36A2, #637500, #420B46)
• Muted Periwinkle Harbor color palette (#FFF0FC, #769DFF, #AA5400, #006448, #020829)
• Patina Wisteria color palette (#F0EBFD, #D88FD1, #9BA858, #00987F, #2A203D)

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