Chalk Stillness
The barely-there luminescence of pressed cotton at dawn, where light dissolves into soft grain and shadow.
Psychology
The achromatic, near-imperceptible shifts across this palette create visual silence, allowing the eye to rest without tension. Low chroma and minimal contrast activate the parasympathetic nervous system, evoking states of contemplation and restraint rather than stimulation. The family of off-whites and cool neutrals establishes understated refinement, where meaning comes from negative space and subtle material differentiation rather than chromatic intensity.
Usage
Ideal for luxury minimalist branding, high-end packaging design, and editorial spreads where restraint conveys sophistication over spectacle. Projects requiring calm, meditative atmospheres, such as wellness app interfaces, art gallery websites, or artisanal paper goods, benefit from the palette's near-monochromatic harmony and absence of visual noise. Works exceptionally well in print collateral where paper texture and ink subtlety become the primary design language.
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,
#fafafa 0%,
#fdfdfd 25%,
#f7f7f7 50%,
#f5f5f5 75%,
#f5f5f5 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #fafafa;
--color-gradient-2: #fdfdfd;
--color-gradient-3: #f7f7f7;
--color-gradient-4: #f5f5f5;
--color-gradient-5: #f5f5f5;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #fafafa; --color-2: #fdfdfd; --color-3: #f7f7f7; --color-4: #f5f5f5; --color-5: #f5f5f5;
Hex values
#fafafa, #fdfdfd, #f7f7f7, #f5f5f5, #f5f5f5
Building something? Get this palette via the REST API.