Midnight Fern color palette — #C7E7DB · #5E6700 · #0C2C07 · #1B222A · #090B00

Olive takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#C7E7DB): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#5E6700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#0C2C07): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1B222A): a grounded near-black with real depth.
• Ink (#090B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Midnight 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

• Softworn Pine Meadow color palette (#D0F2EE, #00752C, #3D3A42, #002C22, #000C0B)
• Nocturne Fern color palette (#E6E2CF, #5D6600, #242E30, #021800, #020100)
• Olive Atelier color palette (#EAE5CD, #7A8100, #164D35, #221D06, #030100)
• Moss Harbor color palette (#E4E8D7, #5F9C21, #17760F, #004D2B, #00261D)
• Deep Chestnut color palette (#FFE2EB, #885300, #2D2300, #110700, #060003)
• Cypress Atelier color palette (#CBE9E4, #5DA37F, #007160, #613B00, #002112)
• Lapis Boulevard color palette (#D1F8F7, #008B56, #5555CE, #9A2D00, #00170A)
• Teal Garden color palette (#E8F5F5, #63AE87, #445D62, #223D3D, #1A2422)

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