Fern Pier color palette — #E1E0D7 · #B4B79C · #8D9B78 · #495B03 · #171404

Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E1E0D7): a clean, paper-quiet neutral.
• Stone (#B4B79C): A luminous, dusty green — the color of new leaves after rain.
• Moss (#8D9B78): A luminous, dusty green — the color of fresh herbs.
• Olive (#495B03): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#171404): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Lagoon color palette (#ECEEE6, #9CAA93, #778D77, #00532D, #080B01)
• Patina Olive Archive color palette (#E1EEE9, #A1B3B9, #819BAD, #697B00, #001912)
• Cypress Hollow color palette (#E0E8E1, #B4CBBD, #89AEA1, #006E72, #152317)
• Wandering Balcony color palette (#EBE2C9, #719100, #12640B, #3E3901, #0C1200)
• Dusty Olive color palette (#F6F6EA, #DBE2C8, #B3C4A7, #5B8637, #33332C)
• Aged Study color palette (#DFF1DD, #A5A800, #05A92C, #007F73, #000E06)
• Hushed Olive Hollow color palette (#F4EBD9, #568100, #005843, #361161, #001001)
• Patina Cerulean color palette (#F0F7F2, #CDE1E1, #AFC7CB, #5A9BA6, #434A45)

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