Midnight Fern color palette — #E8DEC7 · #5B6920 · #403600 · #241400 · #000200

Olive and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E8DEC7): A whisper-light, dusty gold — the color of old brass.
• Olive (#5B6920): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#241400): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, 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

• Chestnut Delta color palette (#FEE9D6, #6A4C00, #402100, #210300, #010100)
• Muted Fern color palette (#CFE7D9, #8B8A4B, #594E00, #2B2000, #010100)
• Weathered Lantern color palette (#EADFCA, #969E6C, #766316, #593400, #191900)
• Deep Nightshade Dune color palette (#FFE7FA, #1D2DA9, #4D2E00, #002310, #00000B)
• Onyx Quarry color palette (#FFE7F6, #6A6D00, #19005F, #110401, #020014)
• Worn Workshop color palette (#FEEEE4, #BEA78E, #966954, #6E3B3B, #2C210A)
• Terracotta Harbor color palette (#F1E1D7, #B97F4C, #9D3100, #690022, #1A1000)
• Aubergine Workshop color palette (#FAE6E9, #64006A, #3E1B00, #001107, #020007)

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