Fern Harbor color palette — #F7D3E4 · #B3715C · #6E6720 · #4B396E · #18072F

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

The five colors

• Shell Pink (#F7D3E4): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#B3715C): A luminous, balanced orange — the color of autumn markets.
• Olive (#6E6720): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#4B396E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#18072F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Workshop color palette (#FFE7E3, #928341, #3B7659, #4C3B5F, #1D0032)
• Wandering Denim color palette (#E4E0F3, #A4788E, #8A5A34, #174971, #001325)
• Timeworn Onyx Balcony color palette (#F4DDD1, #9A7543, #555A15, #003444, #02103E)
• Patina Pine Orchard color palette (#DEEDDD, #8A8E4E, #127626, #503C6F, #060600)
• Softworn Driftwood color palette (#F8DBEB, #A27C4B, #505423, #002A36, #000107)
• Dusty Market color palette (#F5EECF, #816E00, #614FC3, #6F2A87, #020200)
• Frosted Ridge color palette (#FFE8DC, #9A9352, #148A74, #7F475B, #39061E)
• Eclipse Corridor color palette (#F0DBE5, #85503B, #3A3500, #1C0940, #040014)

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