Fern Harbor color palette — #EFE9DC · #3C6200 · #00382A · #1D0038 · #000200

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

The five colors

• Parchment (#EFE9DC): a clean, paper-quiet neutral.
• Olive (#3C6200): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00382A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#1D0038): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Onyx Chapel color palette (#F5EBD5, #625500, #0F3900, #06004B, #020200)
• Abyss Bloom color palette (#ECE3D5, #00543A, #00292C, #190016, #000201)
• Washed Bloom color palette (#F5E3E0, #727F00, #004D4C, #320033, #000200)
• Powdered Quarry color palette (#E2F5ED, #20890F, #00593D, #003045, #001003)
• Tempered Villa color palette (#DAE8D8, #008266, #004D51, #31123C, #17000B)
• Navy Boulevard color palette (#EDE0C4, #00727E, #003D6A, #40000C, #00060A)
• Emerald Market color palette (#F0E0BF, #219917, #006055, #4A0167, #00170A)
• Pale Market color palette (#FFF0D2, #00A98D, #006D80, #6A164D, #002220)

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