Twilit Fern color palette — #F2EDD5 · #586300 · #00291B · #0E0D06 · #020200

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

The five colors

• Cream (#F2EDD5): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#586300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00291B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0E0D06): quiet, heavy and certain.
• Black (#020200): 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

• Moonless Fern Veranda color palette (#C3ECDD, #404B00, #142024, #001201, #000201)
• Olive Field color palette (#EEE9D3, #748100, #006B31, #004639, #000A0B)
• Wandering Moss Summit color palette (#DFE1CB, #3EA602, #205F59, #303029, #070400)
• Jade Villa color palette (#E5E9DA, #4BB368, #536854, #394200, #100D04)
• Cypress Terrace color palette (#D6E9CF, #007C6F, #00374C, #0E1916, #020A00)
• Antique Basin color palette (#D7E2D6, #00A7A5, #2C5E81, #243C24, #060900)
• Patina Lagoon Workshop color palette (#E4E5D3, #209E7F, #006F79, #6E3046, #000805)
• Tempered Mulberry Boulevard color palette (#E0E5D0, #2BAC52, #9E1C80, #006628, #11000B)

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