Forge Voltage Hour
Heat and neon collide in a palette of molten intensity, where deep charred earth meets electric spark and vibrant flame.
Psychology
The dominant warm reds and oranges advance toward the viewer, creating immediate visual intensity and arousal, while the deep charred brown grounds the palette in earthy weight. The vivid purple acts as a high-chroma accent that breaks the warm monotony, introducing visual tension and preventing the palette from feeling predictable or monolithic.
This combination of warm dominance with cool punctuation triggers both energy and sophistication, leveraging color theory's principle that warm hues stimulate activity while strategic cool accents signal refinement.
This combination of warm dominance with cool punctuation triggers both energy and sophistication, leveraging color theory's principle that warm hues stimulate activity while strategic cool accents signal refinement.
Usage
Ideal for high-impact product packaging in premium beauty or spirits, industrial design branding that requires both approachability and edge, and editorial layouts where bold hierarchy and visual drama are essential. Projects with moderate contrast and mixed lightness benefit from layering these colors across typography, photography, and backgrounds to guide attention while maintaining visual cohesion.
Works particularly well for music and entertainment branding, craft beverage labels, and fashion lookbooks where warmth signals authenticity and the purple accent lifts the palette beyond purely earthy territory.
Works particularly well for music and entertainment branding, craft beverage labels, and fashion lookbooks where warmth signals authenticity and the purple accent lifts the palette beyond purely earthy territory.
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,
#570900 0%,
#ff0026 25%,
#fe700b 50%,
#3a1f0e 75%,
#b416fe 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #570900;
--color-gradient-2: #ff0026;
--color-gradient-3: #fe700b;
--color-gradient-4: #3a1f0e;
--color-gradient-5: #b416fe;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #570900; --color-2: #ff0026; --color-3: #fe700b; --color-4: #3a1f0e; --color-5: #b416fe;
Hex values
#570900, #ff0026, #fe700b, #3a1f0e, #b416fe
Building something? Get this palette via the REST API.
History
Similar palettes
Biscuit Porcelain Hour
Flamingo Hour
Peach Hour
Velvet Midnight Garden
Caramel Linen Hour
Wheat Field Glow
Kiln Ember Dusk
Celadon Reverie
Dusk Linen Study