Hushed Pine Harbor color palette — #EDF9EF · #93A272 · #20744A · #0D5464 · #143E33
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EDF9EF): bright and airy, almost weightless.
- Moss (#93A272): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#20744A): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#0D5464): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#143E33): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hushed 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
- Aged Lantern color palette (#FFF0F7, #82A58D, #576B32, #5B3E63, #213C2B)
- Cypress Meadow color palette (#EAF9F1, #90B9B3, #418173, #315F7C, #294945)
- Hushed Garnet Basin color palette (#D8EADD, #7C9565, #006547, #64233D, #1E2F0A)
- Washed Grove color palette (#FDF4E5, #BAD593, #5CB589, #6C8C7B, #36362F)
- Tempered Drift color palette (#EFF6FF, #D9DBFF, #D595A0, #007B94, #3B405C)
- Powdered Aubergine Harbor color palette (#FFE2F0, #AF8E20, #4C6500, #5A2971, #392C00)
- Dusty Forest Harbor color palette (#FAF2F9, #A6CCDA, #3581A8, #00633D, #273A5F)
- Dusty Denim color palette (#E3F0FF, #6290CB, #877A00, #0054A9, #3D3600)
Browse the whole catalog at Explore, or see today's palette.