Weathered Fern color palette — #F0D9CB · #AA4A14 · #14670B · #4B1A00 · #000200

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

The five colors

• Bone (#F0D9CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Terracotta (#AA4A14): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#14670B): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4B1A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Weathered Bronze color palette (#EADCCA, #8F6000, #006450, #3C2600, #000201)
• Hushed Pier color palette (#FAE5D8, #8B3700, #484A00, #5A0047, #030000)
• Twilit Cocoa color palette (#EADAE3, #7F3000, #00444D, #371000, #000102)
• Bronze Villa color palette (#F9DAC7, #BD6502, #653100, #160600, #030100)
• Ancient Plum color palette (#F2ECDC, #8B8000, #BD0054, #433D00, #040001)
• Olive Boulevard color palette (#F7EED2, #6F793E, #403E00, #171200, #010100)
• Hushed Harbor color palette (#EED8DC, #499800, #906C00, #0B0D06, #020100)
• Dusty Amber Harbor color palette (#FDECCD, #B28C00, #008D81, #604A00, #000A08)

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