Pine Harbor color palette — #E8F6EF · #A8BB92 · #59815B · #3E5D4F · #0A2E27
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F6EF): a clean, paper-quiet neutral.
- Sage (#A8BB92): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#59815B): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#3E5D4F): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#0A2E27): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns 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
- Airy Archive color palette (#E3F8E9, #A8AE64, #4E7A10, #045B3E, #00281C)
- Dusty Driftwood Thicket color palette (#E9F5F3, #A8CBCB, #608B92, #4B6864, #1B3637)
- Muted Lagoon Study color palette (#DCEAE0, #5BB697, #00897C, #005554, #00373E)
- Muted Corridor color palette (#E0F6FF, #79CCD3, #008693, #004D52, #001A1D)
- Aged Chestnut Dune color palette (#FBF4E7, #B4B288, #4B8067, #745302, #494400)
- Hushed Cabin color palette (#E2F6FB, #56B6AF, #C2727F, #00746F, #411820)
- Dusty Abyss color palette (#DAEAE5, #58855B, #005137, #003131, #000B01)
- Jade Drift color palette (#CBEEE5, #5CA86E, #006C51, #2C4700, #001C07)
Browse the whole catalog at Explore, or see today's palette.