Fern Harbor color palette — #F9F5EC · #E4DFC1 · #9EC28E · #7EA496 · #594D00

Deep Olive and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Celadon Mist (#E4DFC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#9EC28E): A luminous, balanced green — the color of new leaves after rain.
• Eucalyptus (#7EA496): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#594D00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Wandering Cocoa color palette (#FCF4EC, #DFD0AB, #85A772, #92747B, #604A00)
• Washed Fern color palette (#F4F6EC, #D6E3C7, #74C7BB, #AA929F, #3E5615)
• Tempered Stone color palette (#FFF1F3, #E3D8D1, #DFB3C6, #A4B3A2, #604E4F)
• Teal Atelier color palette (#F5F7E5, #A2D8BC, #4BB4A2, #7D7FA9, #2B3C00)
• Dusty Lagoon color palette (#E8F5F0, #ACCBC2, #5E8D85, #4B676E, #1D3730)
• Timeworn Workshop color palette (#FFF1F3, #ECAFED, #E1B858, #62BFCA, #523B3F)
• Wandering Seafoam Hollow color palette (#FEF1F4, #EBC5F5, #96DB9A, #C791D6, #4D4E47)
• Softworn Clover Ridge color palette (#F5EBCE, #ABCF6D, #14B62C, #9D619F, #243400)

Browse the whole catalog at Explore, or see today's palette.