Twilit Fern color palette — #EFF1E3 · #5F6600 · #20212A · #031800 · #000201

A conversation between Olive and Ink, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFF1E3): a clean, paper-quiet neutral.
• Olive (#5F6600): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#20212A): a grounded near-black with real depth.
• Ink (#031800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000201): quiet, heavy and certain.

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

• Nocturne Pine color palette (#C5EAE5, #007422, #2C2A31, #001710, #000201)
• Fern Courtyard color palette (#EFE9D1, #444800, #18211D, #001304, #020100)
• Patina Olive Atelier color palette (#CEEEE1, #7B8000, #274C2E, #052319, #000300)
• Velvet Chestnut Archive color palette (#F8D7E2, #885100, #413F00, #181100, #040001)
• Muted Alley color palette (#E2FCF4, #87AE22, #2D4D4B, #10221E, #030604)
• Frosted Moss color palette (#E4E8CE, #74A000, #0D7A18, #003F1F, #000B06)
• Lagoon Courtyard color palette (#C6EDF7, #008884, #454740, #002939, #000507)
• Jade Pier color palette (#D7FFF8, #59B885, #00705D, #53340B, #000A0A)

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