Nocturne Forest color palette — #E0E0C5 · #006A33 · #003225 · #00181A · #010100

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

The five colors

• Celadon Mist (#E0E0C5): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#006A33): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00181A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Lowlit Fern Archive color palette (#F5E5CD, #615A00, #242F00, #001A09, #010100)
• Pale Market color palette (#F0EFD4, #187C35, #00412E, #091452, #000401)
• Tempered Orchard color palette (#EAE3CE, #67842C, #04530E, #002C4B, #050A00)
• Fern Atelier color palette (#F4E7D3, #97904A, #4B5E00, #003F51, #181100)
• Jade Alley color palette (#E5E7CF, #2EAE75, #006B5A, #343670, #001C0E)
• Cerulean Corridor color palette (#F5EDE0, #3B8397, #00415C, #001F1F, #000104)
• Twilit Nightshade Lagoon color palette (#FCE7F3, #4532A7, #463B00, #1D005C, #020100)
• Velvet Aubergine Coast color palette (#EFDEE6, #430099, #512100, #002A1F, #010008)

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