Gentle Pine Harbor color palette — #EAFDCE · #97BE88 · #45864E · #005D39 · #004735
Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#EAFDCE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#97BE88): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#45864E): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005D39): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004735): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Gentle 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
- Fern Orchard color palette (#FCEFBB, #B0AB6C, #757E33, #415C00, #1C4700)
- Powdered Bloom color palette (#FFEECE, #BDC77D, #59A864, #00745A, #004648)
- Weathered Studio color palette (#EEFBD8, #95CEB9, #429485, #006766, #114961)
- Washed Olive color palette (#F6F5EF, #D7DDD4, #B8C3B6, #707B32, #4A483E)
- Hushed Cabin color palette (#ABFFEF, #00B8B4, #007B85, #00525F, #1A3452)
- Dusty Pine Studio color palette (#E1F8DC, #00823F, #00482F, #00241B, #00100D)
- Cocoa Alley color palette (#E8F5DE, #A0B69A, #708775, #775B71, #674245)
- Cerulean Dune color palette (#CDEBEA, #00A2AF, #006677, #00384A, #131C37)
Browse the whole catalog at Explore, or see today's palette.