Studio Stillness

The quiet space between pure light and shadow, where soft neutrals meet crisp contrast in architectural stillness.

Colors

~Coco’s Black#1E1A1A
~White#FFFFFF
~White Smoke#F5F5F5
~Black#000000
~Placebo#E6E6E6

Psychology

This palette leverages extreme value contrast between pure black, off-whites, and mid-grays to command visual hierarchy while maintaining a soft, restrained mood through achromatic harmony. The absence of saturation creates psychological calm and trust, common in minimalist design systems, while the tonal range prevents visual monotony. High contrast naturally draws and guides the eye without warmth or emotional saturation, making the palette feel both intimate and professional.

Usage

Deploy this palette in luxury stationery design, minimalist app interfaces, and fine art photography portfolios where contrast clarity supports legibility without visual noise. High-end packaging for neutral goods and editorial layouts benefit from the soft-yet-precise aesthetic that conveys quiet sophistication. The monochromatic range excels in projects requiring sophisticated brand identity systems where restraint and professional gravitas outweigh chromatic expression.

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%,
    #f5f5f5 50%,
    #000000 75%,
    #e6e6e6 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #1e1a1a;
  --color-gradient-2: #ffffff;
  --color-gradient-3: #f5f5f5;
  --color-gradient-4: #000000;
  --color-gradient-5: #e6e6e6;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #1e1a1a;
--color-2: #ffffff;
--color-3: #f5f5f5;
--color-4: #000000;
--color-5: #e6e6e6;
Hex values
#1e1a1a, #ffffff, #f5f5f5, #000000, #e6e6e6

Building something? Get this palette via the REST API.

History