Tabloid
Open in tool →Red, black and yellow on white is the loudest three-color system in print — use it when headlines are the product.
Color
#101310rgb(16, 19, 16)hsl(120, 9%, 7%)oklch(0.182 0.008 145.3)Charcoal, Amber and Blue lead the list. Each partner is a real named colour with the reason it works — a wheel relationship, a neutral that carries it, or a pairing lifted from a palette or brand system that actually shipped — and every pair opens in the palette tool.
Charcoal is the text near-black that reads cleanly against #101310 without the hard edge of pure #000.
Amber is paired with #101310 in 18 real palettes, including Ahrefs's brand system and Mastodon hosted on mastodon.social's brand system, as the supporting colour.
22 real palettes, including native Cybersecurity's brand system and EA's brand system put Blue beside #101310, as the accent.
Blue Violet is paired with #101310 in 10 real palettes, including Prepare your taste buds...'s brand system and Klarna US's brand system, as the accent.
5 real palettes, including State Farm's brand system and Garnet put Brown beside #101310, as the supporting colour.
4 real palettes, including Mailchimp's brand system and Qatar Airways's brand system put Burgundy beside #101310, as the accent.
Burlywood is paired with #101310 in 5 real palettes, including Coffee Bar and Velvet, as the accent.
Designers have shipped Cadet Blue with #101310: 10 real palettes, including Estate and Diner, as the supporting colour.
| #101310 as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 18.71:1 | pass | pass | pass | Passes AAA — no fix needed. |
Aaon black | 1.12:1 | fail | fail | fail |
Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with #101310 as the background.
Red, black and yellow on white is the loudest three-color system in print — use it when headlines are the product.
Purple-and-lime is the challenger-bank uniform — high energy, and clearly not a legacy bank.
Black on bone with a whisper of gold: the runway default that lets garments carry the color.
Bronze on charcoal signals premium listings; the silver accent handles secondary detail without adding color.
Flame orange on charcoal — the sports and energy palette; one accent yellow for stats and highlights.
One neon on white with black type — lime-and-black is the neon that works in daylight; the orange is a second gear.
Five greys, no hue — the true monochrome; the accent is a lighter grey, so hierarchy comes from weight and size alone.
Greys on near-black — the monochrome dark mode; keep everything a tint of white and the layout does the talking.
#101310 reads as muted, dark, luxury. The font library is tagged with the same vocabulary:
Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
›analyze #101310 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
/palettes/new/101310-a2bea5-994edf-1f2d25-edf1e9?lock=0&style=vibrantWant the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Machine-readable: color.md