Weathered Fern color palette — #F5F6EE · #99BA85 · #008170 · #436D22 · #1D2817

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Sage (#99BA85): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#008170): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#436D22): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1D2817): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Patina Olive color palette (#F9F5EC, #BFAF64, #577C31, #6F5F00, #26250F)
• Petrol Cabin color palette (#F2F7F0, #71BFB1, #007B9B, #006F62, #122A1F)
• Aged Olive color palette (#F5F2E8, #B8B784, #00839A, #6C6800, #001308)
• Dusty Canyon color palette (#F9F6DE, #58AC7C, #097B6B, #1E5080, #3B3E38)
• Airy Lagoon Archive color palette (#D4FFDF, #71BA98, #01896D, #005C53, #003F51)
• Dusty Pine Station color palette (#F5F6EE, #D5DBD6, #B3C4B9, #598057, #47493D)
• Olive Lantern color palette (#EDF8F3, #CBC882, #009EC7, #8A8400, #132732)
• Midnight Forest color palette (#E0E8DA, #006B55, #163345, #00241B, #000301)

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