Eclipse Fern color palette — #E9E4D3 · #4F6219 · #2F2D00 · #171000 · #010500

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

The five colors

• Parchment (#E9E4D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#4F6219): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#2F2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#171000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Deep Chestnut color palette (#FDEDDE, #795000, #432200, #230700, #060300)
• Muted Fern color palette (#E2F2EA, #7C8845, #646400, #493F00, #020400)
• Timeworn Olive Atelier color palette (#CFEFDE, #4F7E25, #4C4700, #351E00, #000502)
• Raspberry Thicket color palette (#F0E6D5, #C200AF, #007083, #070D13, #000201)
• Antique Chestnut Grove color palette (#EEDCCC, #A5804C, #7F4500, #601F00, #312100)
• Shadow Veranda color palette (#D2ECE0, #003D53, #540019, #1C0F00, #000201)
• Aubergine Study color palette (#DAEAE4, #00628C, #350066, #002031, #060002)
• Hushed Bronze color palette (#FFEADB, #C5905F, #A64A00, #7D291D, #39352F)

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