Obsidian Catalyst
The sharp collision of midnight and molten heat, like a match striking in absolute darkness.
Psychology
Black anchors the palette with visual weight and authority, while the vivid orange-red creates immediate visual tension through extreme contrast. The warm red pulls forward perceptually, commanding attention against the receding black, a principle rooted in color advance and recession theory. Together they generate psychological alertness, evoking both danger and energy rather than comfort.
Usage
The palette excels in tech startup branding, high-impact packaging design, and editorial photography where stark contrast demands viewer engagement. Projects requiring bold visual hierarchy, such as safety signage, luxury nightlife marketing, or contemporary art catalogs, benefit from this palette's dramatic intensity. The combination reads as both sophisticated and urgent, making it ideal for sports equipment design and performance-focused product launches.
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%,
#fa500f 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #fa500f;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #fa500f;
Hex values
#000000, #fa500f
Building something? Get this palette via the REST API.
History
Similar palettes
Brick & Berry Dusk
Pomegranate Cellar
Kiln Dust Glow
Flamingo Hour
Terracotta Sunrise
Ember & Cream
Forge & Honey
Kiln Fired Afternoon
Russet Orchard Noon
