Midnight Fern color palette — #D8F1E7 · #555A00 · #002A58 · #160008 · #020200

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

The five colors

• Honeydew (#D8F1E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#555A00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002A58): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#160008): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#020200): a grounded near-black with real depth.

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

• Twilit Chestnut color palette (#DDECDB, #764900, #003331, #100019, #040002)
• Shadow Navy color palette (#D8F4ED, #3B6100, #180085, #101309, #170003)
• Onyx Dune color palette (#F2EACA, #3D3F00, #1B005D, #140010, #030100)
• Pine Ridge color palette (#E1E7C7, #008A2A, #006365, #003862, #020200)
• Shadow Abyss Canyon color palette (#D1EFEB, #004A0F, #1A1E25, #060D0F, #000201)
• Weathered Terrace color palette (#D4E8CA, #008D55, #00493B, #002020, #000102)
• Aged Onyx Hollow color palette (#E5E5C4, #5F8968, #005D61, #3D091A, #090000)
• Lowlit Aubergine Alley color palette (#D1E3E4, #007A5A, #40009D, #280C00, #020100)

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