Ink & Signal
Crisp blacks anchor vivid blue and green, like ink on fresh paper meeting neon in dim light.
Psychology
The near-black foundation (pure black and noble black) grounds the palette with authority and stability, while the vivid cool blue and green create visual tension through high contrast and saturation. This triadic structure commands attention without warmth, evoking precision and clarity rather than comfort, with the cool hues naturally receding against the dominant dark anchors, producing a sense of depth and focus.
Usage
Strong contrast and cool clarity make this palette ideal for tech product interfaces, editorial mastheads, and data visualization dashboards where legibility and modern sophistication matter. The vivid accent colors work well in startup branding, fintech applications, and minimalist packaging that benefits from bold, energetic signals against neutral grounds.
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%,
#202124 33%,
#4285f4 67%,
#34a853 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #202124;
--color-gradient-3: #4285f4;
--color-gradient-4: #34a853;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #202124; --color-3: #4285f4; --color-4: #34a853;
Hex values
#000000, #202124, #4285f4, #34a853
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Frosted Lavender Drift
Shallow Waters
Misty Lagoon Hour
Lavender Milk Hour
Electric Dusk
Slate & Honey Hour
Midnight Pool Glow
Twilight Alchemy
