Fern Harbor color palette — #FFF4E2 · #8FB485 · #3F8678 · #644F76 · #414F01

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#8FB485): A luminous, dusty green — the color of fresh herbs.
• Fern (#3F8678): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#644F76): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#414F01): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged retro, 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

• Hushed Teal Orchard color palette (#FEF4E3, #68B8B0, #458098, #78495A, #3B4D3E)
• Mulberry Terrace color palette (#FFEDEA, #B0AE82, #31897B, #7B3853, #2E2E16)
• Pewter Lantern color palette (#FDF0FF, #BEC38B, #4BA39D, #945977, #2E4F4A)
• Cocoa Quarry color palette (#F4F8E3, #B7C5B0, #809A87, #80696C, #75410C)
• Weathered Veranda color palette (#F3F7EA, #DDF0BA, #96E8B8, #4DA6AA, #4B4E47)
• Muted Summit color palette (#FFF4DE, #00A66F, #006E73, #692564, #003F34)
• Timeworn Driftwood Lantern color palette (#F8F5E9, #C2C3A8, #7B8944, #766518, #525000)
• Aged Delta color palette (#EAFAED, #B2DFA6, #69C1AF, #9782A9, #344D4C)

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