Canvas & Char

The crisp tension between untouched paper and dark ink, creating a space for quiet focus and deliberate contrast.

Colors

~White#FFFFFF
~Whiskey and Wine#4C4541

Psychology

The achromatic pairing of white and near-black creates maximum contrast without chromatic noise, which draws attention without inducing visual fatigue. The soft mood emerges from the absence of saturation, while high contrast ensures legibility and visual hierarchy in any composition. This combination leverages figure-ground separation principle, allowing content to command attention through clarity rather than chromatic intensity.

Usage

Effective for luxury book design, minimal branding systems, and editorial typography where contrast serves function over decoration. High-end packaging and gallery identity systems benefit from this palette's sophisticated restraint and its ability to emphasize form and negative space. Projects requiring print collateral and monochromatic photography gain optical clarity and timeless legibility from this austere range.

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,
    #ffffff 0%,
    #4c4541 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #ffffff;
  --color-gradient-2: #4c4541;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #ffffff;
--color-2: #4c4541;
Hex values
#ffffff, #4c4541

Building something? Get this palette via the REST API.

History

Canvas & Char — Color Palette | InstantGradient