Ancient Fern color palette — #F3F6EF · #D2DFD8 · #B2C5BD · #4B8167 · #3C5009

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

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Silver (#D2DFD8): a clean, paper-quiet neutral.
• Stone (#B2C5BD): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4B8167): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#3C5009): A full-bodied, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Hushed Petrol Thicket color palette (#EFF8F2, #C8E0DF, #A4C4B9, #00778D, #304539)
• Driftwood Lagoon color palette (#F1F7F1, #D3DCDA, #A4ADB8, #718971, #4D554D)
• Hushed Abyss color palette (#E3EADD, #A1AD9E, #6D876D, #004234, #0E1705)
• Airy Mint color palette (#EDFAE8, #92E9C2, #40CFBA, #00A1AA, #31482C)
• Washed Boulevard color palette (#E6F2EC, #C2D0CA, #8BA8A0, #005D7A, #20322A)
• Hushed Corridor color palette (#F7F7DF, #3CAD94, #00797C, #384A82, #32422D)
• Aged Navy Harbor color palette (#E0ECE9, #C3B3C2, #9F8598, #00467C, #0C241F)
• Washed Fern color palette (#F6F6EE, #D5DCD5, #B7C2B9, #697B55, #4E4A00)

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