Color / A considered starting point

Gray & neutral color palettes.

A quiet palette still needs a visible hierarchy: page, panel, reading text, action and focus.

The collection

Original sRGB combinations. Each detail page includes website roles, CSS and measured pairs.

Make the colors work

More than a set of swatches.

Build structure before adding another accent

Paper & Graphite keeps the palette restrained and uses a muted green as a supporting fill. Fog Graphite is another quiet direction. The spacing, heading hierarchy and clear interactive treatments carry more of the work when hue differences are small.

Inspect borders at their actual size

A light gray that separates large swatches may be almost invisible as a one-pixel input boundary. Check meaningful boundaries against the adjacent page and surface. Do not darken every decorative divider just to satisfy a criterion that does not apply to it.

Avoid using muted as a synonym for unreadable

Secondary text still needs the applicable text contrast. Reduce its visual emphasis through size, weight and placement without making essential instructions too faint. A dedicated dark-mode palette should check those secondary roles again on its own surfaces.

Keep exploring