Nocturne Fern color palette — #CCE9DB · #5D5C00 · #003D5A · #340028 · #050003

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

The five colors

• Honeydew (#CCE9DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#5D5C00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003D5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#340028): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.

Use it as a design system

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

• Shadow Boulevard color palette (#E3E1C5, #465E00, #00313C, #100019, #030000)
• Onyx Courtyard color palette (#FEDFEC, #844500, #00423C, #240048, #03000A)
• Eclipse Summit color palette (#D1F2EE, #006B1D, #211D94, #380017, #060001)
• Inked Fern Market color palette (#C6E8E2, #1E5300, #1B2027, #00110C, #000202)
• Pine Hollow color palette (#F2EFD5, #4A824D, #005A58, #501931, #26020C)
• Charred Onyx Boulevard color palette (#D8F6E9, #3E4000, #220056, #211004, #14001A)
• Patina Pine color palette (#DCE9D3, #00843C, #005541, #00302B, #000B0C)
• Weathered Garnet color palette (#EDDECF, #A16100, #00645C, #660039, #040100)

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