Fern Pier color palette — #F1E7C9 · #5B5E00 · #312D00 · #161000 · #030400

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

The five colors

• Parchment (#F1E7C9): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#5B5E00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#312D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#161000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Fern Pier 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

• Velvet Station color palette (#FCEBDC, #814A00, #452000, #210800, #070300)
• Fern Villa color palette (#EEE3C9, #708B4D, #6D6000, #5C3500, #000502)
• Timeworn Olive color palette (#D4EBDE, #617A00, #4F4600, #331F00, #000500)
• Cellar Garnet Pier color palette (#FFDBDB, #64004A, #402200, #181200, #060003)
• Chestnut Dune color palette (#F6E2D1, #B07A44, #824200, #5C2300, #341F01)
• Charred Terracotta color palette (#FCE7F1, #A0323C, #19003E, #160701, #03000F)
• Plum Station color palette (#FADEF4, #A91F7B, #580030, #26000B, #070100)
• Feathered Terrace color palette (#FFEADC, #D48855, #AB4500, #7A2D19, #3A342F)

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