Forest Harbor color palette — #E9FAEE · #93A36C · #3E7045 · #43486B · #193D33
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAEE): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#93A36C): A luminous, dusty green — the color of new leaves after rain.
- Pine (#3E7045): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#43486B): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#193D33): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Forest 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
- Dusty Cypress Harbor color palette (#EAF9F5, #6FA6A7, #1D716A, #2E4F66, #173C3D)
- Aged Thicket color palette (#F3F3E8, #89AA85, #337448, #005059, #1C1E01)
- Worn Forest color palette (#D6EAE1, #739767, #006546, #4E3056, #00312B)
- Fern Lagoon color palette (#DEF2DD, #A0942F, #466600, #42347D, #342F00)
- Weathered Courtyard color palette (#EAF9F5, #8FC0B9, #489261, #10707C, #0B3E39)
- Dusty Lagoon color palette (#EFF8EF, #ABC9BA, #5E8C81, #5E657A, #3E5348)
- Cerulean Alley color palette (#FCF1F9, #A8CBDA, #3782A2, #00624D, #1E3C5C)
- Pale Mulberry color palette (#F1EBFF, #BC6CB3, #328D4E, #81317A, #00421A)
Browse the whole catalog at Explore, or see today's palette.