Weathered Harbor color palette — #F8F7E0 · #72AB7A · #2A7258 · #4C4B44 · #35362F
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F7E0): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#72AB7A): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#2A7258): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#4C4B44): quiet, heavy and certain.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, 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
- Jade Workshop color palette (#F6F7E4, #4FBC7C, #007B64, #005C64, #1B442C)
- Ancient Fern color palette (#FDF4E7, #A69C63, #5E6A1A, #654300, #38352E)
- Cypress Harbor color palette (#F4F2E5, #9DA57C, #187560, #514700, #1B1F03)
- Teal Courtyard color palette (#CBF2E5, #00B2A7, #007C81, #00515D, #1F3153)
- Dusty Fern color palette (#FAEAC2, #839F1F, #1E6D00, #004F3E, #283300)
- Worn Jade color palette (#E5FBF6, #B0D5B4, #64B387, #6E8E61, #003F3B)
- Softworn Fern color palette (#F8F5EB, #C3C3A0, #668C6E, #5D6A59, #525000)
- Antique Cypress color palette (#E0FEEA, #ABDAFF, #96AADC, #227A79, #304B41)
Browse the whole catalog at Explore, or see today's palette.