Nocturne Forest color palette — #DDE6CE · #10640D · #003117 · #001910 · #000201
A conversation between Pine and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DDE6CE): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#10640D): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003117): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001910): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000201): quiet, heavy and certain.
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
- Fern Market color palette (#F1EAD1, #504B00, #222C00, #041200, #000300)
- Obsidian Cypress color palette (#D1F4E7, #006C5A, #00382A, #0F161A, #000906)
- Olive Pier color palette (#EEEDDB, #537B00, #004B28, #001914, #000202)
- Muted Lagoon color palette (#D9F2F3, #3AA49B, #007088, #003A0B, #000403)
- Deep Grape color palette (#F9E6D9, #8600C3, #005E5F, #070D10, #000202)
- Aubergine Canyon color palette (#CEEAEC, #004733, #340084, #3D1500, #000201)
- Worn Hollow color palette (#E7F2E1, #48B35F, #008661, #00554A, #002828)
- Cerulean Corridor color palette (#CFEAED, #00A0B9, #006585, #00395B, #001842)
Browse the whole catalog at Explore, or see today's palette.