Fern Harbor color palette — #FBF4E7 · #E3D9BA · #C7B57B · #A58E70 · #514900

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

The five colors

• Cream (#FBF4E7): a clean, paper-quiet neutral.
• Wheat (#E3D9BA): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#C7B57B): A luminous, dusty green — the color of fresh herbs.
• Caramel (#A58E70): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#514900): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Amber Ridge color palette (#F8E4D0, #DDBC80, #CD8E48, #A46949, #33302A)
• Aged Bronze color palette (#F6EADB, #B59D4C, #A47200, #834A10, #181700)
• Timeworn Aqua color palette (#EBFAF0, #75D2E8, #E79FAD, #BD8F64, #324237)
• Patina Driftwood color palette (#E8F6ED, #A2C5B2, #6B8C77, #45604B, #1F3029)
• Hushed Stone Grove color palette (#EDF9F0, #B7ECEF, #93B99D, #8E707E, #2E4442)
• Aged Market color palette (#F3E8CA, #798A25, #6A6200, #513C00, #010500)
• Antique Ember Alley color palette (#F9D6C1, #F4A266, #EE6327, #BD3F42, #3B2300)
• Wandering Turquoise color palette (#F1F7F2, #F3DBAA, #54AEBA, #597560, #252E27)

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