Ancient Fern Pier color palette — #F7F6E8 · #ADB48F · #408267 · #754E4D · #404800

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

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Sage (#ADB48F): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#408267): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#754E4D): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Ancient 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

• Washed Fern color palette (#F8F5EE, #CCC19A, #76895F, #795F56, #5D4C00)
• Softworn Atelier color palette (#F7F2E0, #96C097, #2A8677, #6A4B50, #272918)
• Ancient Cypress color palette (#F6F7E6, #73A985, #00745C, #6B3F00, #303B00)
• Tempered Terrace color palette (#EBF9F2, #A3D2A6, #599E91, #746D89, #294946)
• Muted Bronze Workshop color palette (#FFF3E2, #D8B879, #9C6C00, #5A4200, #3E2B00)
• Patina Amber Lagoon color palette (#FFF3E4, #B57B0C, #008D8D, #7D578E, #3C3731)
• Taupe Archive color palette (#E8FAF6, #B0E0DB, #8DB89C, #A48793, #2C4946)
• Wandering Cobalt color palette (#F8F5EF, #C3E5DA, #608BCE, #056D84, #593E52)

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