Fern Pier color palette — #F3F2EA · #DDBE93 · #5D6739 · #32312A · #16140A

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

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Sand (#DDBE93): A luminous, dusty gold — the color of old brass.
• Olive (#5D6739): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#32312A): a grounded near-black with real depth.
• Ink (#16140A): quiet, heavy and certain.

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

• Antique Apricot Drift color palette (#ECF5EB, #E2A37D, #006260, #002E2D, #070F07)
• Olive Delta color palette (#F3F2EB, #C0CA8D, #368EB1, #6E7927, #0B1913)
• Sand Chapel color palette (#EDF8F4, #EDCB9A, #788357, #3A534B, #232E2A)
• Chestnut Boulevard color palette (#E3E3D0, #794D00, #262F34, #0B1800, #010200)
• Softworn Villa color palette (#F1F5DD, #DF953C, #0B5D0E, #022903, #080900)
• Muted Lagoon color palette (#FDEFE6, #8DB98B, #008990, #753F4B, #282F1F)
• Lagoon Archive color palette (#F8F3D1, #9FCFA9, #1B9F90, #006169, #003247)
• Iris Balcony color palette (#FAF0E5, #BC894F, #787AC2, #844C4B, #2C2014)

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