Weathered Harbor color palette — #FBF3EF · #CCEAE1 · #94BCA4 · #7F8D65 · #365148
Eucalyptus and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Honeydew (#CCEAE1): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#94BCA4): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#7F8D65): A luminous, dusty green — the color of new leaves after rain.
- Charcoal Brown (#365148): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.
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
- Weathered Lagoon Boulevard color palette (#FBF4EF, #CCE8E7, #8FBCB0, #59928E, #63495D)
- Timeworn Lagoon color palette (#FDF3EE, #D0EED4, #6BB0C8, #428B6D, #235146)
- Hushed Turquoise Harbor color palette (#E9FAED, #73BFC9, #CE9392, #AB825D, #334938)
- Muted Atelier color palette (#EFF8EE, #93D2CD, #E39E87, #3C9E98, #534B47)
- Forest Lantern color palette (#FDEAE0, #9CBB99, #008395, #005D30, #002333)
- Timeworn Bronze color palette (#FFF3E9, #DAC7AF, #B2957D, #A26243, #5A4400)
- Antique Basin color palette (#ECDCD4, #68AEBC, #006F99, #004B3E, #00132F)
- Softworn Grove color palette (#FEF3E9, #AEE1CF, #7296CF, #047B81, #34355F)
Browse the whole catalog at Explore, or see today's palette.