Weathered Fern color palette — #D2E6DB · #89A178 · #6D6722 · #583500 · #001D1D

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

The five colors

• Silver (#D2E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#89A178): A luminous, dusty green — the color of fresh herbs.
• Olive (#6D6722): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Chestnut color palette (#F3D8E1, #7CA38A, #8C5714, #68261B, #001E16)
• Aged Fern Villa color palette (#DBEDE4, #8F9E69, #6C6600, #554100, #103832)
• Washed Driftwood Dune color palette (#FDF5DD, #D0C99C, #918D48, #6D5409, #132807)
• Hushed Terrace color palette (#FBE4F2, #A08057, #8A380F, #600024, #001309)
• Hushed Garnet color palette (#FBE0F0, #BE986B, #A15130, #800033, #221C00)
• Lowlit Chestnut Chapel color palette (#FDDFE8, #71610A, #4E2E00, #320500, #010200)
• Plum Grove color palette (#EFE4FA, #A65680, #974A47, #384C00, #170722)
• Linen Grape color palette (#EDF2FE, #9898D7, #A24400, #502BC7, #100209)

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