Nocturne Forest color palette — #E2F2DC · #006D33 · #004234 · #001B19 · #000406

Pine and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F2DC): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006D33): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004234): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001B19): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000406): a grounded near-black with real depth.

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

• Abyss Basin color palette (#D1EFE2, #005B58, #003538, #00141C, #000103)
• Shadow Boulevard color palette (#CDEDDD, #4E6D25, #3A3800, #221500, #000201)
• Timeworn Lagoon Atelier color palette (#DBEDE2, #00986F, #00614F, #002520, #000706)
• Hazy Garnet Coast color palette (#C9E8EA, #006C52, #8D0018, #003225, #0B0000)
• Cobalt Studio color palette (#CCF4FA, #54A4B8, #4E7AC7, #004A19, #000B0D)
• Nocturne Garnet color palette (#CFEEEC, #005553, #730042, #5D0015, #000201)
• Softworn Plum Study color palette (#FDE4D2, #C80068, #006F77, #060D12, #000102)
• Pale Study color palette (#CFF5F0, #0099AC, #006280, #003962, #020445)

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