Fern Harbor color palette — #FFF4E0 · #A5A75F · #4A6C00 · #4A2C5F · #0B0700

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

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sage (#A5A75F): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4A6C00): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#4A2C5F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, 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

• Jade Dune color palette (#F9F6DD, #72B56B, #007249, #1E396E, #010B00)
• Jade Parlor color palette (#F5F7E4, #5CB886, #00705D, #60233B, #000B04)
• Faded Onyx color palette (#E6E1CD, #759B55, #005E28, #4A0744, #010200)
• Dusty Olive Veranda color palette (#FCF4E3, #B7C284, #52872F, #7A3C36, #1D1800)
• Tempered Fern Villa color palette (#D9EADB, #7B7D40, #245000, #2A214B, #080800)
• Mustard Study color palette (#ECDDCD, #AFAD31, #499244, #645D86, #1D1C00)
• Dusty Garden color palette (#D1E7DA, #7D7F2F, #3E4B00, #501A1B, #1C1C00)
• Patina Lagoon color palette (#EEF1E1, #019068, #00463F, #390016, #010100)

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