Fern Harbor color palette — #FFF0FA · #E6D7D5 · #DEB5B7 · #968C75 · #535000

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

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#E6D7D5): bright and airy, almost weightless.
• Rosewood Mist (#DEB5B7): A luminous, dusty red — the color of late-summer berries.
• Driftwood (#968C75): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#535000): A full-bodied, balanced green — the color of a quiet forest floor.

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

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

• Washed Olive color palette (#FFF1F2, #EED6C1, #C8A58F, #6E8645, #435142)
• Softworn Driftwood Cabin color palette (#FFF0F5, #E2B1B3, #B66875, #4F5E32, #273116)
• Cocoa Harbor color palette (#F3F4FF, #C0BCD5, #938B9D, #7D6974, #644745)
• Worn Basalt Alley color palette (#F8F5ED, #BDE6D1, #97BA8D, #6E8E83, #504700)
• Wandering Teal color palette (#F8F5EF, #BDE1E8, #9CC7EB, #5BA28D, #3C5349)
• Tempered Blush color palette (#F6F3FF, #FCD5FB, #E788A6, #71774A, #255035)
• Misty Amber color palette (#FFF1F4, #FFADA0, #C57D00, #006E61, #003340)
• Hushed Blush color palette (#FDD5FE, #CE85A0, #9D6155, #1E4A25, #00221E)

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