Eclipse Fern color palette — #F2E2F1 · #4A6210 · #2E0005 · #111306 · #040000

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

The five colors

• Blush (#F2E2F1): A whisper-light, dusty pink — the color of peonies in June.
• Olive (#4A6210): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#2E0005): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#111306): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Chestnut Garden color palette (#DDEFDD, #6C5500, #283333, #1E1100, #020100)
• Inked Olive color palette (#F6DAD2, #6B7F00, #570017, #101A15, #130002)
• Timeworn Amber color palette (#DCF4E9, #C78428, #404200, #171700, #030300)
• Washed Cocoa color palette (#F3E5EA, #AAA16B, #693806, #2E1400, #0E0106)
• Muted Fern Study color palette (#EBF4F1, #DFB6C6, #58683C, #29370C, #091713)
• Timeworn Onyx Meadow color palette (#E5DEE0, #859189, #55726C, #412000, #040002)
• Spruce Thicket color palette (#F8E1EA, #522B00, #003412, #00112D, #030100)
• Terracotta Courtyard color palette (#E8DCE7, #982A34, #00340F, #40000A, #000200)

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