Fern Harbor color palette — #EFF8EF · #A19D6C · #516D32 · #00584A · #1C3D2E
Built around Olive, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF8EF): a clean, paper-quiet neutral.
- Moss (#A19D6C): A luminous, dusty green — the color of new leaves after rain.
- Olive (#516D32): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00584A): A full-bodied, dusty teal — the color of sea glass.
- Forest (#1C3D2E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Fern 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
- Cypress Courtyard color palette (#EAF9F6, #76A890, #00726E, #39542A, #113D3E)
- Hushed Bloom color palette (#E7FAF1, #AFBB8C, #688F33, #486E4B, #1A3D32)
- Washed Forest color palette (#D9E9DE, #869262, #25642D, #403464, #252D00)
- Softworn Nightshade color palette (#EBFAEB, #ABA75F, #51762D, #454593, #403C00)
- Hushed Jade color palette (#FFF3E4, #D0CE8B, #89AD6F, #788A70, #37352F)
- Hushed Olive color palette (#E3F3EB, #517743, #00432D, #00282E, #041400)
- Aged Lagoon color palette (#EEF8F5, #A2CAC9, #518E86, #466B83, #3A5252)
- Feathered Workshop color palette (#E1F1FD, #4B97C1, #9E6F00, #005E85, #483000)
Browse the whole catalog at Explore, or see today's palette.