Timeworn Fern color palette — #EFF7F6 · #CCDDE2 · #9BBABA · #4A6F3E · #303E3B

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

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#CCDDE2): bright and airy, almost weightless.
• Ash (#9BBABA): A luminous, dusty teal — the color of glacier melt.
• Olive (#4A6F3E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#303E3B): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Harbor color palette (#F6F6ED, #D0DED4, #AFC4BC, #6E8B52, #3C3B30)
• Petrol Terrace color palette (#EDF7FC, #D2DAEC, #A1C0DA, #00778C, #32434B)
• Muted Parlor color palette (#E6FBF4, #81A773, #1D7631, #28544A, #183D37)
• Abyss Canyon color palette (#D9E2E3, #95AFB3, #5E8791, #004233, #00181A)
• Dusty Veranda color palette (#E9F0F4, #BFCEDA, #87A4C0, #005E79, #233038)
• Eclipse Cypress color palette (#CBEBEC, #007552, #002D26, #001819, #000508)
• Aged Courtyard color palette (#E1FBFB, #8FD586, #00C281, #008D82, #003829)
• Gentle Emerald Ridge color palette (#D9F6EC, #399C5E, #006A57, #00436F, #0D3738)

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