Asphalt Breath
The quiet texture of worn stone and soft shadow, where light barely touches the surface.
Colors
~Black#000000
~Carbon Fibre#2E2E2E
~Paris Paving#707070
~Magnesium#C2C2C2
~Night Rider#303030
Psychology
This monochromatic sequence relies on low chromatic intensity across achromatic grays and blacks to create a deeply calming effect, while the high contrast between lightest and darkest tones provides visual structure without warmth or visual stimulation.
The absence of color information signals restraint and sophistication, triggering associations with quiet focus and refined simplicity, while the mid-range grays prevent the palette from feeling harsh or cold.
The absence of color information signals restraint and sophistication, triggering associations with quiet focus and refined simplicity, while the mid-range grays prevent the palette from feeling harsh or cold.
Usage
Ideal for minimalist product branding, editorial typography layouts, and architectural photography where neutral tones must convey sophistication without distraction.
Luxury skincare packaging, corporate identity systems, and fine art photography benefit from the high contrast and soft mood, which communicates elegance through restraint rather than saturation.
Interior design renderings, industrial design mockups, and fashion lookbooks use this palette to establish focus on form, texture, and material detail.
Luxury skincare packaging, corporate identity systems, and fine art photography benefit from the high contrast and soft mood, which communicates elegance through restraint rather than saturation.
Interior design renderings, industrial design mockups, and fashion lookbooks use this palette to establish focus on form, texture, and material detail.
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%,
#2e2e2e 25%,
#707070 50%,
#c2c2c2 75%,
#303030 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000000;
--color-gradient-2: #2e2e2e;
--color-gradient-3: #707070;
--color-gradient-4: #c2c2c2;
--color-gradient-5: #303030;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000000; --color-2: #2e2e2e; --color-3: #707070; --color-4: #c2c2c2; --color-5: #303030;
Hex values
#000000, #2e2e2e, #707070, #c2c2c2, #303030
Building something? Get this palette via the REST API.