Palette collection

Neutral Color Palettes

Neutral palettes keep the focus on content. Build from a near-white background, a soft surface, a mid-grey, a strong ink for text, and one quiet accent for links and actions.

Best for: portfolios, editorial sites, documentation, and minimalist brands.

Tip: click any HEX code below to copy it. For full editing, contrast checks, and CSS/Tailwind export, open any palette in the generator.

Greige Calm — Warm greige
#FAF9F6#EDEAE3#C7C1B6#5B564E#8C7B68
Cool Stone — Cool grey-blue
#F8FAFB#E7ECEF#B9C2C8#3A444B#5E7480
Paper Ink — Classic paper
#FFFFFF#F2F1EC#D6D3C9#1F1E1B#7A7468
Sand Slate — Soft sand
#FBF8F3#ECE6DC#C2B8A6#403B33#6E5F4B
Fog Grey — True neutral grey
#FAFAFA#EFEFEF#C8C8C8#2E2E2E#6B7280
Linen — Natural linen
#FCFBF7#F0EBDE#D3C9B4#4A4334#857A5E
Oat Mist — Oat tones
#FBFAF6#EEEAE0#CFC7B6#494438#9A8F76
Clay Neutral — Warm clay
#FAF6F2#EFE5DC#CDB9A8#463B32#9B7E68
Ash Mauve — Subtle mauve grey
#FAF8F9#EDE7EA#CBBDC4#3E3539#8A7480
Pebble — Cool pebble
#F9FAFA#ECEEED#C5CBC8#363B39#6E7A75
Cream Taupe — Cream + taupe
#FFFDF8#F3ECDD#D8C8AE#4B4234#9C8763
Stone Mono — Pure stone
#FAFAFA#E8E8E8#B8B8B8#262626#737373

How to use these palettes

Start with the darkest value as text or ink, the lightest as your background, and reserve the most saturated color for primary actions. Always confirm text contrast meets at least 4.5:1 for body copy with the contrast checker before shipping.

Frequently asked questions

Can I use these palettes commercially?

Yes. Copy and use any palette here in personal, educational, or commercial work without attribution.

How do I export these to CSS or Tailwind?

Open a palette in the generator and use the Export panel to copy CSS variables, a Tailwind color object, or JSON.

Are these palettes accessible?

They are designed with readable pairings, but always verify your specific text-on-background combination with the contrast checker for your exact use case.