Fern Pier color palette — #E8E3F1 · #596600 · #301C17 · #290022 · #070005

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

The five colors

• Frost (#E8E3F1): a clean, paper-quiet neutral.
• Olive (#596600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#301C17): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Deep Indigo (#290022): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, 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

• Charred Field color palette (#EEECFF, #4A6B00, #25002D, #170605, #060009)
• Nocturne Bronze Coast color palette (#EEDCE5, #806B00, #2B2B1F, #331200, #0C0200)
• Garnet Ridge color palette (#E9E2E9, #A4959D, #607861, #560013, #0E060E)
• Weathered Dune color palette (#F3EAF7, #AF5A00, #550027, #2A1314, #130005)
• Misty Mulberry Pier color palette (#FFE2E1, #AA7F00, #7F1259, #2D001C, #070000)
• Muted Amber color palette (#FED9E7, #B08E00, #582F00, #2B1400, #1C0711)
• Deep Harbor color palette (#E6E0ED, #9A1B71, #2D2A00, #390027, #000201)
• Washed Chestnut color palette (#F0F7F0, #A4CCAE, #7C5519, #2C3E2C, #192824)

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