Twilit Fern color palette — #F3DFDD · #5A5900 · #003732 · #270026 · #000200

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

The five colors

• Shell Pink (#F3DFDD): A whisper-light, dusty orange — the color of autumn markets.
• Olive (#5A5900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003732): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#270026): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged retro, 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 Station color palette (#F7E7C7, #446300, #003A2A, #210044, #011001)
• Velvet Forest color palette (#FFDCDB, #006637, #003447, #2E0005, #000202)
• Cocoa Boulevard color palette (#FFECDB, #6E3A00, #002F3C, #270003, #040000)
• Moonless Chestnut Villa color palette (#F5E8DC, #834000, #203600, #170040, #030100)
• Gentle Olive color palette (#F6EEDF, #5C8500, #004F3B, #25004A, #000200)
• Deep Lantern color palette (#D5E7D6, #4F595C, #004312, #162123, #000808)
• Tempered Pine Terrace color palette (#EAE5CF, #347A51, #004A5D, #390E22, #170009)
• Onyx Archive color palette (#F8DEDF, #847100, #005846, #50003C, #070E00)

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