Weathered Harbor color palette — #E7FBF1 · #AFDE9D · #26C18B · #977CAA · #2A4220
Built around Jade, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Pistachio (#AFDE9D): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#26C18B): A luminous, balanced teal — the color of shallow lagoons.
- Heather (#977CAA): A luminous, dusty violet — the color of a velvet chair.
- Forest (#2A4220): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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
- Wandering Jade color palette (#DBF2E5, #A4D178, #00B36D, #9563AD, #1F3503)
- Patina Grove color palette (#E8FBE8, #D8D280, #7FB93A, #7D83BC, #204333)
- Hushed Teal color palette (#E0FCF5, #8FE3B8, #00BDB2, #4A92B7, #0F4344)
- Stone Balcony color palette (#ECF9F3, #BEE8E2, #8AC4AE, #9B95B2, #40514F)
- Tempered Seafoam color palette (#DFFDF8, #87F4AE, #35A97E, #27758B, #023635)
- Dusty Moss color palette (#E3F0E3, #AEAB66, #569200, #695697, #1E1C00)
- Antique Wisteria color palette (#F8F2FF, #ECDACE, #DED596, #BF8DD7, #543B57)
- Pine Atelier color palette (#F5F3D9, #81B785, #007F59, #374A78, #022909)
Browse the whole catalog at Explore, or see today's palette.