Charred Oak Interior
The hushed quality of light absorbed by aged wood and weathered stone, where depth dissolves into shadow.
Psychology
These three near-blacks form a barely perceptible gradient that rewards close observation rather than demanding attention. The achromatic nature and extremely low contrast activate a calming response by reducing visual stimulation, while the slight warm undertones in the darkest shifts prevent the palette from feeling cold or sterile. This subtle tonal layering works with color theory's principle that reduced chroma and contrast lower arousal and encourage introspection.
Usage
Ideal for luxury packaging design, editorial typography, and minimalist interior branding where restraint signals sophistication and quality. Projects requiring a sense of quiet elegance or material depth, such as high-end furniture catalogs, artisanal ceramics, or fine art photography, benefit from the palette's ability to emphasize texture and form over color drama.
Architectural visualization, boutique hospitality websites, and artisan coffee roasters use these tones to establish premium positioning through understated refinement rather than visual loudness.
Architectural visualization, boutique hospitality websites, and artisan coffee roasters use these tones to establish premium positioning through understated refinement rather than visual loudness.
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,
#0b0a09 0%,
#141110 50%,
#1c1a17 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0b0a09;
--color-gradient-2: #141110;
--color-gradient-3: #1c1a17;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0b0a09; --color-2: #141110; --color-3: #1c1a17;
Hex values
#0b0a09, #141110, #1c1a17
Building something? Get this palette via the REST API.