Amber Signal Dark
Warm luminous intensity meets deep silence, creating tension between radiant heat and cool stillness.
Psychology
The vivid yellow and orange sit at the warm end of the spectrum and naturally advance toward the viewer, while the two near-black tones create deep recessive anchors that ground the composition. This extreme contrast between warm light and cool darkness triggers heightened visual attention and generates energy without aggression, as the blacks prevent the palette from feeling frivolous.
The analogous relationship between yellow and orange creates harmonic warmth, while their juxtaposition against near-black produces the psychological tension of illumination against void, evoking both safety and mystery simultaneously.
The analogous relationship between yellow and orange creates harmonic warmth, while their juxtaposition against near-black produces the psychological tension of illumination against void, evoking both safety and mystery simultaneously.
Usage
Ideal for industrial branding systems, high-impact packaging for luxury goods, and bold editorial layouts where visual hierarchy must be unmistakable. The palette excels in projects requiring strong contrast and legibility without sacrificing sophistication, such as tech startup identities, premium beverage labeling, and statement-driven print collateral.
Works exceptionally well for architectural visualization, product photography backgrounds, and motion graphics where warm accent colors need to pop against deep, sophisticated neutrals.
Works exceptionally well for architectural visualization, product photography backgrounds, and motion graphics where warm accent colors need to pop against deep, sophisticated neutrals.
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,
#ffd200 0%,
#f05000 33%,
#000000 67%,
#0f0c14 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #ffd200;
--color-gradient-2: #f05000;
--color-gradient-3: #000000;
--color-gradient-4: #0f0c14;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #ffd200; --color-2: #f05000; --color-3: #000000; --color-4: #0f0c14;
Hex values
#ffd200, #f05000, #000000, #0f0c14
Building something? Get this palette via the REST API.
History
Similar palettes
Forge & Honey
Peach Hour
Honeycomb Afternoon
Caramel Linen Hour
Wheat Field Glow
Linen Bakery Morning
Kiln Ember Dusk
Sage Garden Noon
Toasted Grain Hour