Newsprint
Open in tool →Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead.
Brand color
#1e1e1ergb(30, 30, 30)hsl(0, 0%, 12%)oklch(0.235 0 0)Figma Text on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 59 public brands that use it and the palettes it appears in.
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 Figma Text without the hard edge of pure #000.
Amber is paired with Figma Text in 18 real palettes, including Google's brand system and Wikipedia's brand system, as the accent.
23 real palettes, including Bumble's brand system and Rolex's brand system put Blue beside Figma Text, as the supporting colour.
Blue Violet is paired with Figma Text in 10 real palettes, including ClickUp's brand system and Yahoo's brand system, as the lead colour.
6 real palettes, including Graphite Mono and Estate put Blush Pink beside Figma Text, as the accent.
5 real palettes, including Woodsmoke and Typewriter put Brown beside Figma Text, as the accent.
4 real palettes, including Mailchimp's brand system and Qatar Airways's brand system put Burgundy beside Figma Text, as the accent.
Burlywood is paired with Figma Text in 6 real palettes, including Kiln and Coffee Bar, as the accent.
| Figma Text as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 16.67:1 | pass | pass | pass | Passes AAA — no fix needed. |
Aaon black | 1.26: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 Figma Text as the background.
Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead.
Ochre and walnut on unbleached stock, with teal as the counterpoint — a features-section palette with some heat in it.
Two greys and one ink-blue link color: the palette of a well-set book page.
Orange is the rarest SaaS primary, which is exactly why it stands out on a pricing page; cyan keeps it from feeling like a hardware store.
Orange, mango and mint — a sugar rush; keep the type black so it stays legible under all that color.
Green, blue and orange at full saturation: the gamified-learning look, where every color is a reward.
Red, teal and yellow at crayon saturation — joyful, but on white with black type so it stays readable for grown-ups.
Orange, blue and green — the colors of playground equipment; loud, cheerful, obviously for kids.
A pure greyscale with a single electric blue — the portfolio palette that makes work look considered.
Fifties-diner red and steel blue with a peach — nostalgic pop that still passes contrast.
Deep pine on paper-white with a marmalade accent — a quiet, sustainable-brand palette that isn't beige.
Amber and oxblood on smoky brown — a fireside dark mode that photographs whisky, leather and wool.
Cherry red, mint-teal and butter yellow — chrome-and-vinyl retro; the red does the work, the teal cools it.
Five greys, no hue — the true monochrome; the accent is a lighter grey, so hierarchy comes from weight and size alone.
Stone greys with a faint warmth — Tailwind's stone scale used as a whole palette: interfaces that want to disappear.
Figma Text reads as neutral, 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 #1e1e1e and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
/palettes/new/1e1e1e-a2beb0-c859d4-1f2d2b-eaf1e9?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