Twilit Fern color palette — #ECEDDF · #386A00 · #002B48 · #0F2300 · #000202

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

The five colors

• Cream (#ECEDDF): bright and airy, almost weightless.
• Olive (#386A00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002B48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#0F2300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged duotone, 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

• Chestnut Loft color palette (#F1E9DE, #765400, #002E36, #281A00, #000203)
• Charred Navy color palette (#E2E7DA, #006C49, #1A007C, #002416, #050004)
• Forest Orchard color palette (#FDDCCC, #005935, #00273A, #220100, #000504)
• Tempered Garnet Loft color palette (#E8F2E7, #007873, #5E0040, #002E2B, #070000)
• Cellar Onyx color palette (#ECEAD0, #314500, #1C2724, #2B004C, #0F0800)
• Dusty Spruce color palette (#DCDFD9, #8F9F92, #4E7B6E, #003424, #060C00)
• Aged Pine color palette (#EDF4DE, #008B4F, #004C68, #004424, #000201)
• Grape Courtyard color palette (#F3F7ED, #4CAF82, #603DC3, #005F3E, #23121C)

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