Fern Pier color palette — #F9F2FF · #D58CAF · #AD5477 · #1E5900 · #160E49

Deep Olive and Magenta Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Mauve (#D58CAF): A luminous, balanced rose — the color of strawberry cream.
• Magenta Rose (#AD5477): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Olive (#1E5900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#160E49): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Faded Coral color palette (#FEF1F9, #E8896D, #AC5F34, #005932, #220745)
• Frosted Forest color palette (#EEF6FF, #76A9E9, #B25368, #095A0E, #001A3C)
• Powder Loft color palette (#F1F5FF, #B5B1F9, #B97758, #006D4F, #142856)
• Sunlit Bronze Alley color palette (#F4F4FF, #B992DF, #A16900, #005559, #27073D)
• Wandering Blush Lagoon color palette (#FCF1FF, #D86886, #706400, #003F52, #1F0010)
• Patina Orchid Drift color palette (#F6F3FF, #B766BA, #3F2D46, #110B20, #010104)
• Quiet Orchid Bloom color palette (#EEEAFF, #AC4DBC, #93263C, #4C2B00, #0F0939)
• Blush Corridor color palette (#FFEDEC, #F389C7, #DD6D5C, #966400, #273000)

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