Softworn Pine Harbor color palette — #E9F5F0 · #A1A74C · #00784B · #565A00 · #000808
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E9F5F0): bright and airy, almost weightless.
- Moss (#A1A74C): A luminous, balanced green — the color of fresh herbs.
- Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
- Olive (#565A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Softworn Pine 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 Pine color palette (#EBF4F2, #9EC07F, #008A61, #4C7123, #001213)
- Aged Courtyard color palette (#ECF5EC, #C79649, #686900, #724D00, #000905)
- Weathered Veranda color palette (#E6F6F5, #45B882, #007377, #006640, #00080C)
- Patina Amber Meadow color palette (#FAF4EC, #C19000, #006B73, #664A00, #0C1D10)
- Misty Grove color palette (#D6E9CA, #68AA61, #007A42, #004B34, #001D16)
- Fern Boulevard color palette (#ECF4F1, #C9DADD, #9CC0BB, #5A6D2E, #152420)
- Hushed Balcony color palette (#DDF2EB, #6A8400, #005132, #2F3C00, #000202)
- Washed Navy color palette (#DEF2F3, #009171, #005F73, #12277C, #131600)
Browse the whole catalog at Explore, or see today's palette.