Midnight Garden Edge
Sharp clarity meeting living growth, like fresh shoots breaking through dark winter soil at dawn.
Psychology
Black grounds perception and commands attention, while the vivid green (#4ade80) advances as a high-saturation accent that signals renewal and vitality. The extreme contrast ratio creates visual hierarchy without ambiguity, forcing the eye to engage actively rather than rest passively. This combination triggers both alertness through black's void-like presence and optimism through green's natural association with growth, producing a mood of decisive clarity rather than aggression.
Usage
Ideal for tech startup branding, environmental organization websites, and editorial design where stark visual separation is critical. The palette excels in projects requiring strong figure-ground relationships, such as app interfaces, sustainability reports, and modern packaging design where every element must read instantly. Projects benefiting from this pairing share a need for high contrast, confident hierarchy, and contemporary aesthetic without warmth.
Code
CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
90deg,
#000000 0%,
#4ade80 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #4ade80;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #4ade80;
Hex values
#000000, #4ade80
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Charcoal Spring Leaf
Void & Verdant
Obsidian Spring
Frosted Meadow
Ink & Signal
Signal Meridian
Neon Meadow Rise
Shallow Waters
