# #f4f2fd

A color — cool, vivid, light, technical, modern, clean. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#f4f2fd`
- RGB: rgb(244, 242, 253)
- HSL: hsl(251, 73%, 97%)
- OKLCH: oklch(0.966 0.015 294.5)
- Relative luminance: 0.8983
- Nearest named color: Cloud Break (#f6f1fe, Δ 0.413) — https://brandsweets.com/colors/cloud-break
- Moods: cool, vivid, light, technical, modern, clean
- Page: https://brandsweets.com/colors/f4f2fd

## Tints & shades

- Tints (toward white): #f4f2fd, #f4f2fd, #f4f2fd, #f4f2fd, #f8f6fe, #f8f6fe, #f8f6fe, #f8f6fe, #f8f6fe, #f8f6fe
- Shades (toward black): #d2caf7, #ad9ef0, #8b76ea, #6a4fe3, #4827dd, #381cb5, #2c168d, #201065, #120939, #050312

## Harmonies

- Complementary: #fbfdf2
- Analogous: #f2f5fd, #f9f2fd
- Triadic: #fdf4f2, #f2fdf4
- Split-complementary: #fdf9f2, #f5fdf2
- Tetradic: #fdf2f5, #fbfdf2, #f2fdf9

## Colors that go with #f4f2fd

Named partners (harmony on the OKLCH wheel, co-occurrence in curated palettes and brand systems, and the neutrals that carry it), best first:

- **Charcoal** #36454f [role, pool] — Charcoal is the text near-black that reads cleanly against #f4f2fd without the hard edge of pure #000. Seen in: Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Harbour (https://brandsweets.com/palettes/cool#harbour), Paper & Pine (https://brandsweets.com/palettes/minimal#paper-and-pine), Coastal (https://brandsweets.com/palettes/cool#coastal). — https://brandsweets.com/colors/charcoal
- **Amber** #ffbf00 [pool] — Amber is paired with #f4f2fd in 21 real palettes, including Binance's brand system and Beach Hut, as the supporting colour. Seen in: Binance (https://brandsweets.com/colors/brands/binance-com), Beach Hut (https://brandsweets.com/palettes/light#beach-hut), Trailhead (https://brandsweets.com/palettes/warm#trailhead), Heatwave (https://brandsweets.com/palettes/warm#heatwave). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Alaska Airlines's brand system and Binance's brand system put Blue beside #f4f2fd, as the accent. Seen in: Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Binance (https://brandsweets.com/colors/brands/binance-com), Dropbox (https://brandsweets.com/colors/brands/dropbox-com), Cargo (https://brandsweets.com/colors/brands/cargo-site). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #f4f2fd in 12 real palettes, including Gemstone and ClickUp's brand system, as the supporting colour. Seen in: Gemstone (https://brandsweets.com/palettes/vivid#gemstone), ClickUp (https://brandsweets.com/colors/brands/clickup-com), Fly.io (https://brandsweets.com/colors/brands/fly-io), Prepare your taste buds... (https://brandsweets.com/colors/brands/grubhub-com). — https://brandsweets.com/colors/blueviolet
- **Blush Pink** #e8b4b8 [pool] — 7 real palettes, including Estate and Blush put Blush Pink beside #f4f2fd, as the accent. Seen in: Estate (https://brandsweets.com/palettes/luxury#estate), Blush (https://brandsweets.com/palettes/light#blush), Rain Garden (https://brandsweets.com/palettes/cool#rain-garden), Graphite Mono (https://brandsweets.com/palettes/neutral#graphite-mono). — https://brandsweets.com/colors/blush-pink
- **Brown** #a52a2a [pool] — 5 real palettes, including Velvet and Garnet put Brown beside #f4f2fd, as the lead colour. Seen in: Velvet (https://brandsweets.com/palettes/luxury#velvet), Garnet (https://brandsweets.com/palettes/warm#garnet), Typewriter (https://brandsweets.com/palettes/editorial#typewriter), State Farm (https://brandsweets.com/colors/brands/statefarm-com). — https://brandsweets.com/colors/brown
- **Burgundy** #800020 [pool] — 5 real palettes, including Candlelight and Heinz's brand system put Burgundy beside #f4f2fd, as the lead colour. Seen in: Candlelight (https://brandsweets.com/palettes/warm#candlelight), Heinz (https://brandsweets.com/colors/brands/heinz-com), Mailchimp (https://brandsweets.com/colors/brands/mailchimp-com), Qatar Airways (https://brandsweets.com/colors/brands/qatarairways-com). — https://brandsweets.com/colors/burgundy
- **Burlywood** #deb887 [pool] — Burlywood is paired with #f4f2fd in 8 real palettes, including Coastal and Velvet, as the accent. Seen in: Coastal (https://brandsweets.com/palettes/cool#coastal), Velvet (https://brandsweets.com/palettes/luxury#velvet), Polaroid (https://brandsweets.com/palettes/light#polaroid), Chalkboard (https://brandsweets.com/palettes/dark#chalkboard). — https://brandsweets.com/colors/burlywood

## Contrast (WCAG 2.x, as text)

- On white (#ffffff): 1.11:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #7960e6 (4.54:1); AA: background → #6e6e6e (4.61:1); AAA: text → #5334df (7.18:1); AAA: background → #525252 (7.06:1)
- On black (#000000): 18.97:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Astro** — surface #f2f6fa (Δ 1.244) — https://brandsweets.com/colors/brands/astro-build
- **Xfinity** — surface #f6f6f9 (Δ 1.355) — https://brandsweets.com/colors/brands/xfinity-com
- **Sonos** — surface #f5f5f5 (Δ 1.537) — https://brandsweets.com/colors/brands/sonos-com
- **Ubisoft** — surface #f2f2f2 (Δ 1.548) — https://brandsweets.com/colors/brands/ubisoft-com
- **Railway** — surface #f7f7f8 (Δ 1.71) — https://brandsweets.com/colors/brands/railway-app
- **Alaska Airlines** — surface #f7f8fa (Δ 1.799) — https://brandsweets.com/colors/brands/alaskaair-com
- **Binance** — surface #fef1f2 (Δ 1.827) — https://brandsweets.com/colors/brands/binance-com
- **Dropbox** — surface #f7f5f2 (Δ 1.926) — https://brandsweets.com/colors/brands/dropbox-com
- **DuckDuckGo** — surface #f7f5f2 (Δ 1.926) — https://brandsweets.com/colors/brands/duckduckgo-com
- **Linear** — surface #f7f8f8 (Δ 1.948) — https://brandsweets.com/colors/brands/linear

## Curated palettes containing it

- **Graphite** (technical, muted, dark, modern) — #a1a1aa, #71717a, #f59e0b, #18181b, #f4f4f5 — A greyscale system with a single amber — the accent does all the work, so allow one per screen. — tool: https://brandsweets.com/palettes/new/a1a1aa-71717a-f59e0b-18181b-f4f4f5 — collection: https://brandsweets.com/palettes/technical
- **Estate** (luxury, dark, elegant) — #b08d57, #8a97a5, #c9c9c9, #101418, #eef1f4 — Bronze on charcoal signals premium listings; the silver accent handles secondary detail without adding color. — tool: https://brandsweets.com/palettes/new/b08d57-8a97a5-c9c9c9-101418-eef1f4 — collection: https://brandsweets.com/palettes/luxury
- **Noir Beauty** (dark, luxury, bold) — #d4af37, #8a8a8a, #c0392b, #0d0d0d, #f5f5f5 — Black, gold and one deep red — the prestige cosmetics counter: all restraint and a single lipstick. — tool: https://brandsweets.com/palettes/new/d4af37-8a8a8a-c0392b-0d0d0d-f5f5f5 — collection: https://brandsweets.com/palettes/dark
- **Alpine** (cool, clean, light) — #1f6f8b, #7fa2b6, #e76f51, #f5f8fa, #15222e — Glacier blue with a safety-orange accent: technical outdoor gear, not lifestyle. — tool: https://brandsweets.com/palettes/new/1f6f8b-7fa2b6-e76f51-f5f8fa-15222e — collection: https://brandsweets.com/palettes/cool
- **Lavender Haze** (playful, cool, light) — #8b5cf6, #c4b5fd, #f472b6, #faf7ff, #2e1f47 — Violet and pink on lilac-white: Gen-Z friendly, while the deep plum text keeps it legible. — tool: https://brandsweets.com/palettes/new/8b5cf6-c4b5fd-f472b6-faf7ff-2e1f47 — collection: https://brandsweets.com/palettes/playful
- **Studio Grey** (minimal, muted, modern) — #1a1a1a, #8c8c8c, #3a86ff, #f2f2f2 — A pure greyscale with a single electric blue — the portfolio palette that makes work look considered. — tool: https://brandsweets.com/palettes/new/1a1a1a-8c8c8c-3a86ff-f2f2f2 — collection: https://brandsweets.com/palettes/minimal
- **Dusk** (cool, muted, elegant) — #4b5d8a, #8b97b3, #c07a4e, #eef0f4, #1f2430 — Slate blue with a copper accent — calm, professional, slightly editorial; suits consultancies and journals. — tool: https://brandsweets.com/palettes/new/4b5d8a-8b97b3-c07a4e-eef0f4-1f2430 — collection: https://brandsweets.com/palettes/cool
- **Lavender Milk** (pastel, light, calm, cool) — #b8b5e6, #d9c7f2, #f2c4d4, #faf8ff, #2b2540 — Lilac and pale violet with a blush accent on a lavender-white — the calmest pastel family, made for sleep, journaling and self-care. — tool: https://brandsweets.com/palettes/new/b8b5e6-d9c7f2-f2c4d4-faf8ff-2b2540 — collection: https://brandsweets.com/palettes/pastel
- **Arcade** (neon, vivid, dark, bold) — #ff2e88, #00f0ff, #faff00, #0a0a14, #f5f5ff — Hot pink, cyan and acid yellow on near-black — cabinet-glow neon; the black surface is what makes the colours light up. — tool: https://brandsweets.com/palettes/new/ff2e88-00f0ff-faff00-0a0a14-f5f5ff — collection: https://brandsweets.com/palettes/neon
- **Glacier** (winter, cool, clean, technical) — #0077b6, #90e0ef, #023e8a, #f3f9fc, #03045e — Three blues from ice to deep water on a pale surface — a monochromatic winter set with real depth. — tool: https://brandsweets.com/palettes/new/0077b6-90e0ef-023e8a-f3f9fc-03045e — collection: https://brandsweets.com/palettes/winter
- **Deep Water** (ocean, dark, cool, luxury) — #00b4d8, #0077b6, #caf0f8, #03045e, #e8f6fb — Cyan and mid-blue on abyss navy with a foam highlight — the ocean at depth; the darker the surface, the brighter the water. — tool: https://brandsweets.com/palettes/new/00b4d8-0077b6-caf0f8-03045e-e8f6fb — collection: https://brandsweets.com/palettes/ocean
- **Harbour** (ocean, cool, muted, editorial) — #3d5a80, #98c1d9, #ee6c4d, #f7f9fb, #293241 — Steel blue and haze with a buoy orange on a pale grey — the maritime palette every port town uses for a reason. — tool: https://brandsweets.com/palettes/new/3d5a80-98c1d9-ee6c4d-f7f9fb-293241 — collection: https://brandsweets.com/palettes/ocean
- **Ink Wash** (monochrome, dark, neutral, elegant) — #d9d9d9, #8c8c8c, #f2f2f2, #121212, #ededed — Greys on near-black — the monochrome dark mode; keep everything a tint of white and the layout does the talking. — tool: https://brandsweets.com/palettes/new/d9d9d9-8c8c8c-f2f2f2-121212-ededed — collection: https://brandsweets.com/palettes/monochrome
- **Gemstone** (jewel-tones, vivid, dark, luxury) — #0f766e, #7e22ce, #e11d48, #0f0a1a, #f5eef8 — Emerald, amethyst and ruby on velvet-black — the jewel-tone trio; the surface must be dark or the stones go plastic. — tool: https://brandsweets.com/palettes/new/0f766e-7e22ce-e11d48-0f0a1a-f5eef8 — collection: https://brandsweets.com/palettes/jewel-tones
- **Still Water** (calm, cool, muted, light) — #5b8a9a, #a9c4cc, #e3d5b8, #f5f8f9, #1e2f36 — Dusty teal and mist with a sand accent — low chroma, low contrast between colours, high contrast for text: the recipe for calm. — tool: https://brandsweets.com/palettes/new/5b8a9a-a9c4cc-e3d5b8-f5f8f9-1e2f36 — collection: https://brandsweets.com/palettes/calm

## Fonts for this mood

- technical: https://brandsweets.com/fonts/mood/technical
- modern: https://brandsweets.com/fonts/mood/modern
- clean: https://brandsweets.com/fonts/mood/clean

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/f4f2fd-a89cc4-dfb34e-281f2d-e9ecf1?lock=0&style=vibrant
(Humans lock/regenerate in the tool; the URL is the state — read `lock=` back to see what they kept.)

## Connect an agent

Point any MCP client at the BrandSweets colors endpoint for the same engine:

- Endpoint: https://mcp.brandsweets.com/colors/mcp
- Tools: `analyze_color` (e.g. `analyze_color({ color: "#f4f2fd" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.