Fern Harbor color palette — #D8F4CF · #77BBB0 · #5483A2 · #6B5D00 · #00533E

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

The five colors

• Honeydew (#D8F4CF): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#77BBB0): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5483A2): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Olive (#6B5D00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00533E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Ancient Bloom color palette (#D4EAC4, #85A997, #756B93, #2D6438, #37462C)
• Chestnut Garden color palette (#F4F4C8, #A2BD97, #48918F, #8F471D, #495315)
• Cypress Corridor color palette (#E1FDEE, #9DBDAD, #9E7E91, #496F4E, #245752)
• Powder Garden color palette (#B3F1ED, #9CD0FF, #B49FC6, #6C937F, #504B18)
• Cobalt Villa color palette (#FFF2EB, #98DAEE, #2D84CA, #006952, #333972)
• Cypress Workshop color palette (#FBF4E6, #8CAF78, #007C5E, #005976, #2A421B)
• Dusty Pewter color palette (#CCE8FF, #93B1E5, #806CA8, #774420, #3F3000)
• Tempered Lantern color palette (#C6F4DF, #ABBFF1, #9F90CB, #8D6546, #604807)

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