Nocturne Forest color palette — #F1D9DA · #1E703A · #1E1203 · #2A0020 · #070005

Pine takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1D9DA): A whisper-light, dusty red — the color of embers at dusk.
• Pine (#1E703A): A full-bodied, balanced teal — the color of sea glass.
• Ink (#1E1203): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#2A0020): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Fern Grove color palette (#FCEBE3, #5E6400, #111910, #2C0400, #080000)
• Onyx Boulevard color palette (#FCE7DE, #768235, #4F0200, #1B0000, #020200)
• Tempered Garnet Villa color palette (#FAECE7, #A2988F, #886D25, #57000A, #130502)
• Airy Lagoon color palette (#ECE8FC, #459F00, #6F2173, #270229, #020107)
• Washed Amber Market color palette (#F4E1CD, #AE8F00, #543200, #291600, #0B0800)
• Mulberry Terrace color palette (#F2E0DF, #8B3866, #2D2A00, #3A0024, #020200)
• Washed Cocoa Market color palette (#FCF3EE, #B1B283, #7C3D22, #4B200D, #241D0F)
• Shadow Mulberry color palette (#FAE8C9, #890048, #331F00, #000B28, #0D0000)

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