Volt & Void
Stark neon intensity meeting deep shadow, like a glowing filament suspended in pure darkness.
Psychology
The high contrast between black and vivid yellow creates immediate visual tension, with the warm yellow appearing to advance while the achromatic black recedes, anchoring the palette's energy. Yellow's brightness triggers alertness and optimism, while black grounds it with authority and drama, preventing the mood from feeling frivolous or naive. This combination leverages the principle that maximum contrast amplifies both colors' intensity, making each feel more saturated and potent.
Usage
Apply this palette to tech startup branding, warning signage systems, and neon-inspired editorial layouts where high visibility and bold impact are essential. Projects requiring strong visual hierarchy and immediate user attention, such as call-to-action buttons, alerts, or minimalist product packaging with dramatic typography, benefit from the extreme contrast and energetic warmth. Works exceptionally well in dark mode interfaces and poster design where the palette's striking geometry creates memorable, high-impact visual statements.
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%,
#ddea4d 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #ddea4d;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #ddea4d;
Hex values
#000000, #ddea4d
Building something? Get this palette via the REST API.
History
Similar palettes
Forge & Honey
Abyssal Hearth
Terracotta Sunrise
Indigo Hour Study
Kiln Fired Afternoon
Russet Orchard Noon
Blackberry Bakery Noon
Cotton Candy Dawn
Peach Hour