Console Light
Open in tool →A sober docs palette: one blue for interactive, one green for success, zinc greys for everything else.
Color
#f3f4fcrgb(243, 244, 252)hsl(233, 60%, 97%)oklch(0.969 0.011 280.5)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 #f3f4fc without the hard edge of pure #000.
Amber is paired with #f3f4fc in 17 real palettes, including Binance's brand system and Beach Hut, as the supporting colour.
37 real palettes, including Alaska Airlines's brand system and Dropbox's brand system put Blue beside #f3f4fc, as the accent.
Blue Violet is paired with #f3f4fc in 11 real palettes, including Gemstone and ClickUp's brand system, as the supporting colour.
7 real palettes, including Estate and Rain Garden put Blush Pink beside #f3f4fc, as the accent.
5 real palettes, including Typewriter and Velvet put Brown beside #f3f4fc, as the accent.
4 real palettes, including Candlelight and Heinz's brand system put Burgundy beside #f3f4fc, as the lead colour.
Burlywood is paired with #f3f4fc in 6 real palettes, including Coastal and Polaroid, as the accent.
| #f3f4fc as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 1.1:1 | fail | fail | fail | |
Aaon black | 19.16: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 #f3f4fc as the background.
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.
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.
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.
Slate blue with a copper accent — calm, professional, slightly editorial; suits consultancies and journals.
Deep pine on paper-white with a marmalade accent — a quiet, sustainable-brand palette that isn't beige.
Lilac and pale violet with a blush accent on a lavender-white — the calmest pastel family, made for sleep, journaling and self-care.
Wet-stone green and pebble grey with a copper accent — an earth palette that leans cool, for outdoor and wellness.
Taupe, oat and a sage accent — the quiet earth palette: almost neutral, with just enough colour to feel alive.
Hot pink, cyan and acid yellow on near-black — cabinet-glow neon; the black surface is what makes the colours light up.
Three blues from ice to deep water on a pale surface — a monochromatic winter set with real depth.
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.
Emerald, amethyst and ruby on velvet-black — the jewel-tone trio; the surface must be dark or the stones go plastic.
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.
Grey-beige with a hint of olive — the interior-design neutral; the olive accent is the only thing that isn't a shade of nothing.
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.
#f3f4fc 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 #f3f4fc and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
/palettes/new/f3f4fc-9c9cc4-df884e-241f2d-e9eef1?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