Weathered Harbor color palette — #F1F0D7 · #799A53 · #8C60BB · #416300 · #3F2858

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

The five colors

• Cream (#F1F0D7): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#799A53): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#8C60BB): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#416300): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#3F2858): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Frosted Cobalt color palette (#F6EEDC, #9B8F46, #5872CA, #635700, #223067)
• Worn Raspberry Field color palette (#EAF2DC, #3FA374, #AA5594, #006742, #551B47)
• Byzantium Lagoon color palette (#D3F1E8, #8AAF50, #8546C7, #436000, #241038)
• Wisteria Grove color palette (#F2F0D7, #A1C964, #B370E8, #4F6F00, #402A52)
• Gentle Alley color palette (#DFEACB, #238F5F, #675EB5, #5F3EB3, #073420)
• Muted Garden color palette (#DBF5EF, #B2E67E, #AF85E6, #789F51, #3E2A57)
• Sunlit Meadow color palette (#DEEACD, #27AC7D, #B2005E, #005D40, #59002C)
• Aubergine Parlor color palette (#F0F1E3, #43911D, #75058E, #174500, #2D0039)

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