Fern Harbor color palette — #FBF4EC · #C48D4F · #476A00 · #704400 · #1B1901

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Mustard (#C48D4F): A luminous, balanced gold — the color of old brass.
• Olive (#476A00): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#704400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#1B1901): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Sunlit Bloom color palette (#FCF3EF, #CB8572, #626200, #8E2400, #1E1802)
• Worn Pier color palette (#F8F5ED, #A59B60, #006D62, #5B5000, #0C1D06)
• Linen Terracotta color palette (#FBEFE8, #E28360, #00756B, #913100, #010900)
• Muted Veranda color palette (#FCECD4, #988536, #326A02, #213A7F, #323305)
• Powdered Olive Basin color palette (#FEE3AD, #A89F52, #5D7000, #215200, #003C24)
• Timeworn Chestnut color palette (#F8F5EF, #D7DBD0, #B6B59F, #7B6000, #3E3A34)
• Dusty Pine color palette (#FBF5DF, #F0BB72, #A3A119, #008937, #29390C)
• Forest Boulevard color palette (#F4F7E6, #6FB571, #00727A, #006918, #002225)

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