Twilit Fern color palette — #DDEDE8 · #4B6C00 · #33343C · #001711 · #010100

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

The five colors

• Honeydew (#DDEDE8): a clean, paper-quiet neutral.
• Olive (#4B6C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#33343C): quiet, heavy and certain.
• Ink (#001711): A deep, shadowed, dusty teal — the color of glacier melt.
• 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 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 Corridor color palette (#E3E2CB, #354F00, #243032, #00130E, #040300)
• Shadow Chestnut Summit color palette (#D3E6D5, #7D5800, #232216, #0D1600, #020100)
• Hushed Fern color palette (#FFF1F5, #A9A664, #366F2A, #563300, #090800)
• Moss Market color palette (#E3E2C9, #61A535, #007045, #00443A, #001215)
• Weathered Emerald color palette (#D0F7F7, #009562, #3F3C34, #003238, #000B04)
• Softworn Olive Canyon color palette (#E1E0C9, #5A8A00, #064F2C, #201E00, #020200)
• Timeworn Teal Workshop color palette (#E8F9FA, #6AC2A7, #445863, #192F31, #081210)
• Worn Plum color palette (#D4F6F8, #28BA8F, #AD348A, #005C44, #15000D)

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