Fern Harbor color palette — #F7DFDD · #9D703A · #4F5600 · #2E2C59 · #0E0631

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7DFDD): A whisper-light, dusty orange — the color of autumn markets.
• Walnut (#9D703A): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4F5600): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2E2C59): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Deep Indigo (#0E0631): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Tempered Bronze color palette (#FFE2E9, #956024, #374A14, #131B45, #060A2A)
• Patina Rust Market color palette (#FFE6EC, #B25533, #615124, #013950, #001625)
• Washed Lantern color palette (#F5EBDE, #747B3A, #165F44, #3B1F40, #1D0022)
• Linen Bronze Hollow color palette (#FFE7E8, #B57269, #7B6C12, #54336F, #1D092C)
• Hushed Olive Corridor color palette (#DDEDDE, #7E7800, #2D5000, #411B39, #070600)
• Aged Bronze color palette (#F3DCD1, #965D00, #544300, #2A2A00, #060A00)
• Hushed Summit color palette (#D7FAE4, #7A6800, #3343C5, #423800, #020023)
• Nightshade Ridge color palette (#F0E9C9, #675700, #2A2BC5, #461B8A, #020200)

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