Fern Pier color palette — #FFF1F3 · #CE8ACC · #AA612F · #255800 · #001F28

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#CE8ACC): A luminous, balanced pink — the color of peonies in June.
• Ochre (#AA612F): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#255800): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#001F28): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Lilac Pier color palette (#FFF0F9, #969BFB, #B55164, #544A00, #002120)
• Aged Blush Workshop color palette (#FFF2F0, #E97FA2, #8A7508, #005553, #1C0C46)
• Chalky Mallow Veranda color palette (#FFF1F1, #F29CC5, #A5853D, #006B5E, #22274E)
• Quiet Atelier color palette (#F3EFFF, #A551A4, #7C4300, #004721, #002E4C)
• Dusty Olive Meadow color palette (#FFF1F3, #F7CBC3, #B89A8C, #616F29, #304629)
• Pale Chapel color palette (#FFEEEE, #BB459D, #684500, #002C22, #00000F)
• Patina Corridor color palette (#E7EDFB, #696DD8, #645400, #003C40, #00181A)
• Misty Villa color palette (#F8EEF9, #75B6FF, #D27662, #00817D, #002B56)

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