Fern Harbor color palette — #FFDED5 · #9B7143 · #5B5514 · #00323E · #00142E

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

The five colors

• Shell Pink (#FFDED5): A whisper-light, dusty orange — the color of toasted spice.
• Walnut (#9B7143): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5B5514): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#00323E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00142E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Bronze Corridor color palette (#FFECDF, #806300, #364D00, #002B3F, #060528)
• Aged Driftwood Market color palette (#FFE6F0, #AB6C69, #754E31, #003D30, #001506)
• Timeworn Bronze color palette (#F6DAD0, #B6936F, #797032, #005466, #072C53)
• Bronze Quarry color palette (#F9E1D2, #9E5F00, #593D00, #352700, #0C0A00)
• Eclipse Alley color palette (#F6ECCB, #556729, #004225, #13163D, #05000C)
• Bronze Boulevard color palette (#FBD8ED, #C8988A, #867731, #3B3A6E, #151334)
• Powdered Ultramarine Balcony color palette (#EFDDC1, #876500, #034DBF, #463300, #00061E)
• Navy Atelier color palette (#F6E3F1, #9D6D8B, #734B34, #21316F, #3C1035)

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