Fern Pier color palette — #F8E4C5 · #B79F31 · #5F7100 · #1D5A00 · #194A2F

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

The five colors

• Parchment (#F8E4C5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B79F31): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5F7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#1D5A00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#194A2F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Mustard Grove color palette (#E8E6D8, #B4B100, #7F8D00, #516313, #2D3E18)
• Olive Chapel color palette (#EFECBC, #99AE5E, #398827, #006943, #194E53)
• Pale Amber Grove color palette (#FAD9C7, #CA8331, #7F6000, #564E00, #333E09)
• Tempered Olive color palette (#F1E7C6, #878100, #2F5700, #00380F, #002319)
• Patina Station color palette (#C7FEF3, #77B26E, #2E7100, #124500, #012D05)
• Pale Raspberry color palette (#DDF5EB, #8F952F, #AE4DA2, #585C00, #4C2447)
• Quiet Emerald Thicket color palette (#E1EDD2, #01AB2E, #00784A, #004F44, #00393E)
• Hushed Chestnut color palette (#F6E1EB, #B68F5A, #934F21, #68312E, #1F3628)

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