Eclipse Fern color palette — #F2EEDA · #5D6600 · #242E30 · #021800 · #010100

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

The five colors

• Cream (#F2EEDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#5D6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#242E30): a grounded near-black with real depth.
• Ink (#021800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Eclipse Summit color palette (#DFE5D6, #00714F, #2E363C, #001715, #010100)
• Charred Fern Study color palette (#DEF2EA, #434A00, #191F26, #011400, #000402)
• Aged Fern Boulevard color palette (#EEF0D5, #68636A, #225C00, #0F1F1F, #000803)
• Olive Station color palette (#E9E4D1, #7B8000, #004F32, #241D00, #030100)
• Worn Coast color palette (#F7F6E4, #8BAA5E, #414D00, #211F09, #070501)
• Softworn Moss color palette (#DFE4D1, #72B136, #007826, #004427, #000E08)
• Softworn Emerald color palette (#EBF3D1, #009840, #003429, #2A242B, #000B02)
• Weathered Garden color palette (#F5F8E1, #77B191, #00705F, #553300, #000B04)

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