Fern Harbor color palette — #F3ECDA · #3B5E00 · #302A00 · #180B00 · #010100

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3ECDA): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#3B5E00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#302A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#180B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

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

• Twilit Chestnut color palette (#EFE1D7, #6C4B00, #451D00, #240004, #010100)
• Timeworn Courtyard color palette (#D8E7DF, #5F7A24, #4D4600, #322000, #000501)
• Misty Moss color palette (#F3EDD2, #769D26, #6A5B00, #502C00, #001709)
• Velvet Fern color palette (#F6DFE1, #316800, #280024, #110502, #030003)
• Inked Quarry color palette (#E2E9FF, #287100, #2E00EB, #150509, #030002)
• Inked Mulberry Grove color palette (#F1DCDB, #9A1068, #2A2D00, #3C0026, #020100)
• Terracotta Dune color palette (#FBDCEA, #991D00, #422000, #110F00, #000200)
• Weathered Bronze Atelier color palette (#F7E1D3, #AF7A31, #824023, #511D28, #140D00)

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