Notion Gray as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.48:1	fail	pass	fail	AA: use #757470 as the text (4.68:1) AAA: use #585855 as the text (7.14:1) AA: or shift the background to #050505 (4.55:1)
Aaon black	4.69:1	pass	pass	fail	AAA: use #969592 as the text (7.01:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Notion Gray as the background.

Brands using this color

Notiongray · #787774

Palettes built around it

b91c1c 78716c d97706 f5f1ea 1c1917

Newsprint

Open in tool →

Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead.

Editorial Muted Warm

171717 737373 c2410c ffffff

Gallery

Open in tool →

Near-monochrome with one burnt-orange highlight — an art director's default because it never competes with the work.

Editorial Minimal Light

Fonts for this mood

Notion Gray reads as neutral, minimal. The font library is tagged with the same vocabulary:

Neutral fonts →Minimal fonts →

mcpConnect your agent — build around Notion Gray

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #787774 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/787774-a2beb0-c859d4-1f2d2b-eaf1e9?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md