Weathered Fern Harbor color palette — #F7D6F7 · #C199A9 · #A26A7B · #445C1C · #264433

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

The five colors

• Thistle (#F7D6F7): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C199A9): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A26A7B): A full-bodied, dusty rose — the color of strawberry cream.
• Olive (#445C1C): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#264433): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Weathered 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

• Fern Orchard color palette (#C0EBDE, #BC95AB, #9B698E, #515A0E, #304332)
• Driftwood Market color palette (#FFF0FA, #CEACB1, #A86E78, #587150, #445345)
• Patina Meadow color palette (#E5E0F0, #C78BAA, #9C5240, #005D5E, #004556)
• Chestnut Cabin color palette (#FDD2DD, #DAA8D7, #A87A91, #915A2B, #5C3700)
• Ancient Ash Corridor color palette (#F1E9FF, #B498BD, #807692, #5F4757, #182F3B)
• Softworn Courtyard color palette (#E0E6FF, #C4C0DE, #B0A1BC, #63917C, #24534E)
• Bronze Courtyard color palette (#FFE6F0, #C18171, #896B1A, #593F5C, #223E5E)
• Dusty Mulberry Meadow color palette (#FFE4F8, #8A73A9, #8D385A, #004632, #002C2A)

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