Granite Whisper Rest
Soft monochromatic depth, where black and white meet gray in quiet, high-contrast stillness.
Psychology
The achromatic palette creates visual calm through low chromatic intensity, while the high contrast between blacks, whites, and mid-tone gray commands attention without visual aggression. This combination of opposing lightness values with neutral hue produces a restrained elegance, where the eye moves deliberately rather than emotionally, anchoring the viewer in precision and clarity.
Usage
Suitable for luxury skincare branding, minimalist editorial design, and high-end packaging where restraint signals sophistication. Projects requiring strong contrast for legibility with a soft aesthetic, such as typography-focused websites and monochromatic photography layouts, benefit from the palette's ability to create drama through value alone. Also effective for corporate identity systems and interior styling where neutral tones establish calm professionalism.
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,
#1e1a1a 0%,
#ffffff 25%,
#2c2726 50%,
#fcfcfc 75%,
#c7c7c7 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1e1a1a;
--color-gradient-2: #ffffff;
--color-gradient-3: #2c2726;
--color-gradient-4: #fcfcfc;
--color-gradient-5: #c7c7c7;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1e1a1a; --color-2: #ffffff; --color-3: #2c2726; --color-4: #fcfcfc; --color-5: #c7c7c7;
Hex values
#1e1a1a, #ffffff, #2c2726, #fcfcfc, #c7c7c7
Building something? Get this palette via the REST API.