Muted Pine Harbor color palette — #F7EDCD · #9FB76C · #43884B · #005945 · #002F32
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Custard (#F7EDCD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9FB76C): A luminous, balanced green — the color of new leaves after rain.
- Fern (#43884B): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005945): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#002F32): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Tempered Lagoon color palette (#D7E8BC, #75C29A, #008D7F, #006165, #072F46)
- Muted Lagoon Meadow color palette (#D1FBFF, #81CBAF, #338867, #005036, #001F18)
- Washed Olive Courtyard color palette (#F7E3D9, #C8954E, #847D1B, #415101, #003A36)
- Moss Basin color palette (#FFF2D4, #B3C483, #64A75B, #008466, #075859)
- Weathered Pine Hollow color palette (#E0F8F6, #71B685, #B872A4, #04793D, #3B1A32)
- Antique Cocoa color palette (#E7F7E8, #89B7A2, #88714B, #6A402C, #012A24)
- Emerald Chapel color palette (#ECF2D7, #00AE3D, #006B52, #00413E, #001A24)
- Antique Grove color palette (#E6E4C8, #287700, #004B28, #00221F, #000406)
Browse the whole catalog at Explore, or see today's palette.