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.51 : 1AAA
Aa
Taupe on paper
Contrast 6.87 : 1AA
Aa
Charcoal ink on oat
Contrast 7.93 : 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 */
}

FAQ

Frequently asked questions

The monochrome set is true grayscale with zero chroma. This set holds a small, consistent warm undertone across every step, closer to a warm gray than a neutral gray, which is why the two read differently even though both are low-saturation.

Warm Gray (#8C877D) reaches only 3.57:1 against white, under the 4.5:1 AA text floor but above the 3:1 floor for large text and UI components, so it works for borders, icons, and large headings, not body copy.

Bone (#E8E2D6). Paper is close enough to white for a canonical background, but Bone gives a visibly warmer card or panel surface one step down without losing the neutral-minimalist character.

Related palettes

Build on this palette

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