Midnight Fern Harbor color palette — #E0E1C0 · #556900 · #183700 · #011B01 · #000A04

Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E0E1C0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#556900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#183700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#011B01): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000A04): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Charred Pine Lagoon color palette (#D5E9DB, #007E3E, #00371F, #0E1A1E, #000B03)
• Hushed Fern Courtyard color palette (#F7EBD0, #787200, #255700, #002E1A, #000D0A)
• Shadow Alley color palette (#DEE0CE, #2B7118, #51005E, #062900, #0E0012)
• Charred Courtyard color palette (#F4DCCC, #744900, #453200, #191400, #010600)
• Muted Jade color palette (#E0E6C5, #25B18A, #00757E, #293900, #000F08)
• Worn Lagoon Atelier color palette (#CDEAD0, #009365, #005749, #003431, #021C28)
• Lowlit Nightshade color palette (#D5EAD6, #004E17, #0F009F, #4B0103, #000300)
• Byzantium Quarry color palette (#FCEAE2, #9915F9, #007560, #040F10, #010200)

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