Twilit Fern color palette — #D1F2E2 · #4F6200 · #2F2D00 · #171000 · #010500

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D1F2E2): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#4F6200): A full-bodied, balanced green — the color of fresh herbs.
• 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 Twilit 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

• Twilit Villa color palette (#F8E7DB, #794F00, #442100, #230600, #000501)
• Olive Coast color palette (#EAE5D6, #5D7A2B, #4C4700, #322000, #000501)
• Plum Lagoon color palette (#CAF1F6, #8B7200, #B3006B, #190512, #030006)
• Tempered Moss color palette (#BDEAD3, #849900, #655D00, #4D3900, #173102)
• Cellar Garnet Coast color palette (#F2E0F6, #6B002A, #00341D, #00161B, #060001)
• Obsidian Mulberry Quarry color palette (#E8DAE9, #AA0037, #352600, #3E000E, #000301)
• Amber Lagoon color palette (#EBDAE3, #B9762D, #883C02, #56271F, #102B14)
• Dusty Pier color palette (#EBFAED, #B6A768, #896E39, #6C4454, #2B4339)

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