Fern Harbor color palette — #F3F7E8 · #88CE98 · #A377AD · #386B0D · #013515

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

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#88CE98): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#A377AD): A luminous, balanced pink — the color of neon signs at night.
• Olive (#386B0D): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#013515): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Aged Bloom color palette (#EEF8F0, #66CDD7, #A277B1, #586300, #003236)
• Chestnut Orchard color palette (#F3F7EA, #8FCBA1, #528EC8, #8B4700, #003519)
• Washed Fern color palette (#F1F9E4, #C1E4DA, #BCA1B7, #7A8056, #40530C)
• Timeworn Olive Basin color palette (#FAF2F9, #B8CBF9, #9593CB, #706F01, #2B3758)
• Powder Meadow color palette (#ECF7FF, #63CBFF, #C486C7, #AF6930, #1B4124)
• Tempered Teal color palette (#F9F5EB, #CBE8C6, #73AC98, #55816F, #393932)
• Patina Peony Orchard color palette (#DCFEF4, #61B5FF, #BD4DAA, #00611D, #00233F)
• Plum Canyon color palette (#E8FAF3, #5CAFE7, #BB4B60, #005745, #001E31)

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