paletta
PALETTE GALLERY

Neutral minimalist color palette

This set is a warm-neutral scale rather than a true grayscale: every step carries a faint brown undertone instead of sitting on pure gray, which is what separates a minimalist palette from the flatter monochrome set. Charcoal ink anchors the dark end; paper anchors the light end.

Updated 2026-07-15

  • Charcoal InkText
    #2B2A28
  • TaupePrimary
    #5A564F
  • Warm GrayAccent
    #8C877D
  • OatHighlight
    #C7C0B4
  • BoneSurface
    #E8E2D6
  • PaperBackground
    #FAF8F4

Where this palette works

Minimalist SaaS and productivity tools

Warm neutrals read as considered and quiet, the default register for tools that want the content, not the chrome, to lead.

Architecture, interiors, and design-adjacent brands

A warm-neutral palette matches material references like paper, stone, and oat, that fit design and lifestyle categories.

Documentation and knowledge-base products

Low-chroma neutrals keep long reading sessions comfortable without a stark black-on-white scale.

Accessible pairings

Charcoal ink clears AAA against every light surface in the set, oat, bone, and paper, so a single text color works across all three background options depending on how much warmth the surface needs.

Aa
Charcoal ink on paper
Contrast 13.52 : 1AAA
Aa
Taupe on paper
Contrast 6.88 : 1AA
Aa
Charcoal ink on oat
Contrast 7.94 : 1AAA
EXPORT

Use these tokens

Copy as CSS custom properties or a Tailwind v4 @theme block.

:root {
  --palette-text: #2B2A28; /* Charcoal Ink */
  --palette-primary: #5A564F; /* Taupe */
  --palette-accent: #8C877D; /* Warm Gray */
  --palette-highlight: #C7C0B4; /* Oat */
  --palette-surface: #E8E2D6; /* Bone */
  --palette-background: #FAF8F4; /* Paper */
}

Frequently asked questions

Related palettes

Monochrome palette

A true grayscale monochrome color palette from ink to cloud, six steps, with hex codes, accessible text pairings, and export-ready CSS variables.

Earth tone palette

An earth tone color palette built from umber, terracotta, and olive, with hex codes, accessible text pairings, and export-ready CSS variables.

Pastel palette

A pastel color palette built from blossom pink, lavender, and mint, with hex codes, accessible text pairings, and export-ready CSS variables.

Build on this palette

Generate a full shade scale and export to Tailwind, shadcn, or Figma Variables.

Generate a palette