Nocturne Garden color palette — #D7F0E4 · #376B3B · #00332C · #280130 · #000901
Pine and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D7F0E4): A whisper-light, dusty teal — the color of sea glass.
- Pine (#376B3B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00332C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#280130): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Nocturne Garden 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
- Nocturne Fern Terrace color palette (#F5E6EB, #685E19, #153300, #170B39, #070600)
- Dusty Onyx color palette (#E0F0EB, #51834F, #005335, #4E083A, #000900)
- Eclipse Navy color palette (#FCE4C7, #583700, #003460, #1A1941, #030100)
- Worn Chestnut Veranda color palette (#FFE9F0, #734500, #004365, #311B00, #00070F)
- Chalky Thicket color palette (#ECDFD7, #949138, #0D7F66, #5A0020, #110900)
- Wandering Navy Courtyard color palette (#F5E3E9, #5886A5, #162E90, #002221, #0D0024)
- Faded Emerald color palette (#F0E8D2, #5B9B4F, #00735F, #633265, #010800)
- Lagoon Alley color palette (#D3EBE4, #559C80, #006166, #5A2A49, #003222)
Browse the whole catalog at Explore, or see today's palette.