Weathered Fern color palette — #F0F7F3 · #CEDDDE · #98BCB3 · #6A6714 · #313E38

Olive takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CEDDDE): bright and airy, almost weightless.
• Ash (#98BCB3): A luminous, dusty teal — the color of sea glass.
• Olive (#6A6714): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#313E38): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Pewter color palette (#ECF4EF, #C4DCE0, #A7BCBB, #6F6531, #19231D)
• Wandering Driftwood Delta color palette (#F9F5EB, #D3DDCF, #B2C3B7, #8D8141, #3F3A2F)
• Timeworn Courtyard color palette (#EBF8F7, #B8DADA, #7EB1B6, #006D31, #1B3937)
• Tempered Cabin color palette (#ECF9F0, #A09E69, #606911, #31543F, #203C30)
• Dusty Ridge color palette (#EFF7F7, #D3DBE0, #AFAAB7, #5A8F75, #4D5454)
• Tempered Fern color palette (#DAE1DE, #AABEB9, #7A9875, #3F4B00, #15231E)
• Ancient Cypress color palette (#E0EDEE, #889EA3, #417C7C, #003328, #000C0E)
• Olive Studio color palette (#DAF1EB, #407200, #072F0F, #001814, #010506)

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