Fern Pier color palette — #F8E9EF · #AB7758 · #616100 · #373968 · #18183D

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

The five colors

• Blush (#F8E9EF): bright and airy, almost weightless.
• Mocha (#AB7758): A luminous, dusty gold — the color of honey in a jar.
• Olive (#616100): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#373968): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#18183D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Navy Studio color palette (#F2E5FF, #B07887, #785415, #0A376D, #00193D)
• Bronze Parlor color palette (#FFE0E1, #B17334, #4E7147, #522556, #2E0032)
• Bronze Study color palette (#FAE6DD, #976F35, #54530A, #00313E, #00193B)
• Antique Bronze Villa color palette (#FEE1D6, #AC8958, #817B30, #00637B, #001838)
• Feathered Coast color palette (#FBEAD8, #898914, #086513, #402866, #111100)
• Quiet Denim Basin color palette (#FAD7E2, #E39865, #838B32, #684F97, #463666)
• Softworn Bronze Courtyard color palette (#FCDFD7, #B85D00, #684A00, #383900, #061500)
• Antique Onyx Dune color palette (#FDE8D0, #8E9E72, #1F7B81, #653B4F, #430B2B)

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