Ink & Paper
Open in tool →Two greys and one ink-blue link color: the palette of a well-set book page.
Color
#f5f7ffrgb(245, 247, 255)hsl(228, 100%, 98%)oklch(0.977 0.011 274.9)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 #f5f7ff without the hard edge of pure #000.
Amber is paired with #f5f7ff in 21 real palettes, including Beach Hut and Binance's brand system, as the supporting colour.
47 real palettes, including Alaska Airlines's brand system and Dropbox's brand system put Blue beside #f5f7ff, as the accent.
Blue Violet is paired with #f5f7ff in 12 real palettes, including Gemstone and ClickUp's brand system, as the supporting colour.
7 real palettes, including Rain Garden and Graphite Mono put Blush Pink beside #f5f7ff, as the accent.
5 real palettes, including State Farm's brand system and Typewriter put Brown beside #f5f7ff, as the supporting colour.
5 real palettes, including Candlelight and Heinz's brand system put Burgundy beside #f5f7ff, as the lead colour.
Burlywood is paired with #f5f7ff in 8 real palettes, including Coastal and Polaroid, as the accent.
| #f5f7ff as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 1.07:1 | fail | fail | fail | |
Aaon black | 19.63:1 | pass | pass | pass | Passes AAA — no fix needed. |
Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with #f5f7ff as the background.
Two greys and one ink-blue link color: the palette of a well-set book page.
A sober docs palette: one blue for interactive, one green for success, zinc greys for everything else.
A greyscale system with a single amber — the accent does all the work, so allow one per screen.
Slate on slate with a single blue — the productivity-app look where the interface disappears behind the work.
Teal reads clinical without the coldness of pure blue; the coral accent adds warmth for reassurance moments.
Sage and terracotta feel natural and calm — the anti-hospital palette for wellbeing brands.
Black on bone with a whisper of gold: the runway default that lets garments carry the color.
Rose and skin tones on a pink-white surface — soft focus, flattering, unmistakably beauty.
Black, gold and one deep red — the prestige cosmetics counter: all restraint and a single lipstick.
Sage and clay on unbleached white — the nothing-to-hide palette for ingredient-led skincare.
Glacier blue with a safety-orange accent: technical outdoor gear, not lifestyle.
Sea-teal, sky and sand — bright without shouting; works for travel, wellness, and anything near water.
Violet and pink on lilac-white: Gen-Z friendly, while the deep plum text keeps it legible.
A pure greyscale with a single electric blue — the portfolio palette that makes work look considered.
Deep pine on paper-white with a marmalade accent — a quiet, sustainable-brand palette that isn't beige.
Rose, sky and pistachio at patisserie strength — the pastel trio, with a plum-grey text colour so it never washes out.
Lilac and pale violet with a blush accent on a lavender-white — the calmest pastel family, made for sleep, journaling and self-care.
Hot pink, cyan and acid yellow on near-black — cabinet-glow neon; the black surface is what makes the colours light up.
Sea blue with sun-bleached yellow and a coral — striped-canvas summer, softened so it works on a screen.
Ice blue on snow-white with a deep navy — the quietest winter palette; everything is a tint of one cold hue.
Three blues from ice to deep water on a pale surface — a monochromatic winter set with real depth.
Cherry blossom, new leaf and pale primrose — a soft spring set for florists, weddings and anything that opens in April.
Wet-leaf teal and moss with a soft peach — an overcast spring, calmer than the bright version and better for long reading.
Cyan and mid-blue on abyss navy with a foam highlight — the ocean at depth; the darker the surface, the brighter the water.
Sea-green and slate with a coral — a literal tide pool: two cool tones, one warm creature.
Steel blue and haze with a buoy orange on a pale grey — the maritime palette every port town uses for a reason.
Deep green and new-leaf mint with a bark-pink accent — a forest that reads calm rather than camo.
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.
One blue at four lightnesses — monochromatic in the colour-theory sense; the deep step is the text, the pale step the surface tint.
Deep sapphire and gold with a teal — old-money jewel tones on an ivory ground; heraldic without a crest.
Four warm greys from bark to oat — the neutral palette that photographs well and never argues with a product shot.
Stone greys with a faint warmth — Tailwind's stone scale used as a whole palette: interfaces that want to disappear.
Dusty teal and mist with a sand accent — low chroma, low contrast between colours, high contrast for text: the recipe for calm.
Dusty blue and mist with a nude accent — the quiet wedding palette; nothing here competes with a photograph.
#f5f7ff reads as cool, vivid, light. 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 #f5f7ff and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
/palettes/new/f5f7ff-9c9fc4-df7c4e-231f2d-e9eff1?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