Fern Harbor color palette — #FDF3EA · #A89B68 · #5B6938 · #3A5414 · #38352E

Deep Olive takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Moss (#A89B68): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5B6938): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#3A5414): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#38352E): a grounded near-black with real depth.

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

• Tempered Cypress Alley color palette (#F7F6E8, #96A079, #007364, #544C00, #303B00)
• Tempered Olive Corridor color palette (#FAF5E7, #B7B887, #79893D, #4C6E3F, #37352F)
• Olive Lantern color palette (#FFF3E6, #B2A452, #587516, #424D7F, #3D3A34)
• Aged Thicket color palette (#F1E2CE, #8D9059, #346220, #3A3861, #2A2B00)
• Timeworn Olive color palette (#F5EBD3, #54781E, #004324, #00282B, #091300)
• Cobalt Harbor color palette (#FDF3EC, #A4D1BC, #4D7CAB, #00605D, #2C3761)
• Softworn Alley color palette (#DAFFEE, #DCE4FF, #BE9BD0, #1D7B7A, #4C354C)
• Patina Cobalt Meadow color palette (#C7EFE1, #0082BF, #A4540D, #814C00, #003428)

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