Twilit Fern color palette — #E7E5D1 · #5C6500 · #283F00 · #021B01 · #000706

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

The five colors

• Parchment (#E7E5D1): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5C6500): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#283F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#021B01): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000706): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Fern Pier color palette (#F0E8D9, #4E4D00, #1B3000, #001306, #000201)
• Nocturne Chestnut Delta color palette (#F6E6DC, #855300, #442D00, #1B1500, #020600)
• Smoked Thicket color palette (#D6E4D8, #008126, #003714, #0B191C, #000B02)
• Smoked Aubergine color palette (#CFEFE8, #2F5F00, #5A0086, #102700, #0C0017)
• Lagoon Courtyard color palette (#D6F2ED, #3BA07B, #008182, #2E3A00, #001407)
• Patina Garden color palette (#CAE7DB, #007569, #004645, #00262A, #040E1C)
• Twilit Navy Pier color palette (#E4EFE3, #0C4D06, #002586, #4A000A, #000300)
• Antique Coast color palette (#EEDCD3, #0B51E6, #00755B, #041011, #000203)

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