Beacon Monochrome
High-voltage contrast between deep void and luminous warmth, like neon against an empty night sky.
Psychology
The extreme contrast between black and bright yellow creates immediate visual tension and draws sustained attention, a principle leveraged in warning systems and high-impact design. The warm yellow dominance advances toward the viewer while black recedes, establishing clear hierarchy and depth perception. Together, they generate a high-energy, assertive mood that feels both balanced by the monochromatic structure and intensified by chromatic opposition.
Usage
This palette excels in high-visibility branding, particularly for energy drinks, tech startups, and safety-focused industries where contrast demands attention. Event posters, album covers, and editorial spreads benefit from its dramatic punch and legibility at all scales. Packaging design for bold consumer products and digital interfaces requiring clear call-to-action buttons leverage the stark contrast for immediate navigation and visual impact.
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%,
#fffc41 33%,
#fec700 67%,
#ffffff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #fffc41;
--color-gradient-3: #fec700;
--color-gradient-4: #ffffff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #fffc41; --color-3: #fec700; --color-4: #ffffff;
Hex values
#000000, #fffc41, #fec700, #ffffff
Building something? Get this palette via the REST API.
History
Similar palettes
Forge & Honey
Blackberry Bakery Noon
Abyssal Hearth
Roasted Almond Bloom
Kiln Fired Afternoon
Russet Orchard Noon
Kiln Garden Glow
Cotton Candy Dawn
Peach Hour