Fern Harbor color palette — #ECF9EE · #9B9F71 · #486F3C · #5C481E · #1D3D31
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9EE): bright and airy, almost weightless.
- Moss (#9B9F71): A luminous, dusty green — the color of new leaves after rain.
- Olive (#486F3C): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#5C481E): A full-bodied, dusty gold — the color of honey in a jar.
- Forest (#1D3D31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Pine Harbor color palette (#E6FCEA, #A3A968, #4A773D, #105D56, #174435)
- Olive Station color palette (#F8F1E0, #AAA07A, #5C6D25, #514700, #231B00)
- Timeworn Cypress color palette (#E3FBF7, #6DA993, #007172, #693E30, #193C3E)
- Aged Boulevard color palette (#EAFAF0, #91C1AC, #778946, #6C6434, #0D3F2F)
- Airy Jade Atelier color palette (#D6F3EA, #44A871, #00695E, #344C00, #00381E)
- Softworn Grove color palette (#EEF8F6, #A7C8CA, #5C8995, #4E6D68, #395254)
- Pine Boulevard color palette (#E0FBFD, #A7EEF5, #90B0DC, #45733E, #20424A)
- Jade Pier color palette (#FEF4E5, #CBD08D, #77B35F, #99804F, #37352F)
Browse the whole catalog at Explore, or see today's palette.