Weathered Harbor color palette — #C4E7DB · #1B8E45 · #005B48 · #003658 · #002D18
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#C4E7DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#1B8E45): A full-bodied, balanced teal — the color of sea glass.
- Pine (#005B48): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Forest (#002D18): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Linen Olive Loft color palette (#C7E7D8, #6C8200, #0D5D0D, #003A45, #192A00)
- Frosted Navy color palette (#C5E6DF, #008C70, #005958, #0B1E8A, #002B25)
- Dusty Olive Dune color palette (#CAE9E1, #4B7700, #00524A, #531600, #271E00)
- Cypress Study color palette (#E3F2EE, #83BEB9, #007779, #005142, #00353A)
- Forest Workshop color palette (#D9EEEE, #006541, #37333A, #002019, #000C0C)
- Aubergine Drift color palette (#C4F3CB, #008D9D, #005A79, #4C0083, #002F39)
- Misty Olive color palette (#F7E8EF, #638600, #005951, #52003A, #001303)
- Lowlit Onyx color palette (#CDF1EC, #006567, #003643, #1D0049, #000E10)
Browse the whole catalog at Explore, or see today's palette.