Twilit Fern color palette — #F0F2D1 · #405C00 · #00340C · #00180E · #000201

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

The five colors

• Custard (#F0F2D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#405C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00340C): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00180E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000201): quiet, heavy and certain.

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

• Shadow Aubergine Dune color palette (#D4F5F3, #005C30, #620069, #002610, #030004)
• Airy Olive color palette (#DEE5C9, #437D00, #005211, #00301B, #000905)
• Cocoa Ridge color palette (#F9E5D7, #684700, #382F00, #131500, #000200)
• Shadow Canyon color palette (#DAEFDD, #00491D, #52005A, #450024, #000200)
• Smoked Workshop color palette (#F7E3CB, #7500DA, #006337, #070D10, #000201)
• Ancient Canyon color palette (#DDEFE2, #00856B, #004C49, #00292C, #000C11)
• Worn Alley color palette (#E0F6E2, #009F97, #05769F, #2F3900, #000202)
• Emerald Harbor color palette (#E9F1E0, #00A532, #006D53, #003732, #001E22)

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