Weathered Fern color palette — #FFF1F2 · #E3AFB3 · #AD7453 · #6E5400 · #3A4E00

Built around Deep Olive, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rose Quartz (#E3AFB3): A luminous, dusty red — the color of late-summer berries.
• Mocha (#AD7453): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#6E5400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3A4E00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

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

• Wandering Bronze color palette (#FFEAFE, #E9AD98, #B3754B, #734B01, #322900)
• Antique Apricot Harbor color palette (#FFF0F7, #FFD1D1, #E7A781, #A29260, #38501F)
• Muted Bronze Archive color palette (#FFD7D0, #A46600, #504E00, #113100, #001B14)
• Denim Alley color palette (#FDF4E4, #C598B0, #956E4C, #3C588F, #5C4038)
• Coral Courtyard color palette (#FFD8E3, #EC7A64, #9D6100, #4B4A00, #044409)
• Tempered Alley color palette (#FBF3F1, #DCDAD4, #9EB1AC, #AD6E6F, #5A504C)
• Tempered Cocoa Field color palette (#FFF2F0, #D2B8B4, #AA9385, #7D617C, #793A22)
• Faded Boulevard color palette (#FFE8DC, #CBA876, #757D1A, #006420, #00433E)

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