# #edf4fc

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

## Values

- Hex: `#edf4fc`
- RGB: rgb(237, 244, 252)
- HSL: hsl(212, 71%, 96%)
- OKLCH: oklch(0.964 0.013 251.6)
- Relative luminance: 0.8973
- Nearest named color: Cotton Ball (#f2f7fd, Δ 1.048) — https://brandsweets.com/colors/cotton-ball
- Moods: cool, vivid, light, technical, modern, clean
- Page: https://brandsweets.com/colors/edf4fc

## Tints & shades

- Tints (toward white): #eef4fc, #eef4fc, #f2f7fd, #f2f7fd, #f2f7fd, #f2f7fd, #f2f7fd, #f6fafe, #f6fafe, #f6fafe
- Shades (toward black): #c6dcf5, #9fc4ef, #73aae7, #4c92e1, #2579da, #1e64b3, #184e8c, #103560, #0a2039, #030a11

## Harmonies

- Complementary: #fcf5ee
- Analogous: #eefcfc, #eeeefc
- Triadic: #fceef4, #f4fcee
- Split-complementary: #fceeee, #fcfcee
- Tetradic: #fceefc, #fcf5ee, #eefcee

## Colors that go with #edf4fc

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 #edf4fc 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 #edf4fc in 21 real palettes, including Binance's brand system and Trailhead, as the supporting colour. Seen in: Binance (https://brandsweets.com/colors/brands/binance-com), Trailhead (https://brandsweets.com/palettes/warm#trailhead), Beach Hut (https://brandsweets.com/palettes/light#beach-hut), Ember (https://brandsweets.com/palettes/bold#ember). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Alaska Airlines's brand system and Dropbox's brand system put Blue beside #edf4fc, as the accent. Seen in: Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Dropbox (https://brandsweets.com/colors/brands/dropbox-com), Binance (https://brandsweets.com/colors/brands/binance-com), Cargo (https://brandsweets.com/colors/brands/cargo-site). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #edf4fc 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 Rain Garden put Blush Pink beside #edf4fc, as the accent. Seen in: Estate (https://brandsweets.com/palettes/luxury#estate), Rain Garden (https://brandsweets.com/palettes/cool#rain-garden), Blush (https://brandsweets.com/palettes/light#blush), Graphite Mono (https://brandsweets.com/palettes/neutral#graphite-mono). — https://brandsweets.com/colors/blush-pink
- **Brown** #a52a2a [pool] — 5 real palettes, including Typewriter and Velvet put Brown beside #edf4fc, as the accent. Seen in: Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Velvet (https://brandsweets.com/palettes/luxury#velvet), Garnet (https://brandsweets.com/palettes/warm#garnet), 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 #edf4fc, 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 #edf4fc in 8 real palettes, including Coastal and Polaroid, as the accent. Seen in: Coastal (https://brandsweets.com/palettes/cool#coastal), Polaroid (https://brandsweets.com/palettes/light#polaroid), Velvet (https://brandsweets.com/palettes/luxury#velvet), 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 → #2375d1 (4.63:1); AA: background → #6e6e6e (4.6:1); AAA: text → #1b579d (7.25:1); AAA: background → #525252 (7.05:1)
- On black (#000000): 18.95:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Astro** — surface #f2f6fa (Δ 0.944) — https://brandsweets.com/colors/brands/astro-build
- **Ubisoft** — surface #f2f2f2 (Δ 1.343) — https://brandsweets.com/colors/brands/ubisoft-com
- **Xfinity** — surface #f6f6f9 (Δ 1.406) — https://brandsweets.com/colors/brands/xfinity-com
- **Sonos** — surface #f5f5f5 (Δ 1.438) — https://brandsweets.com/colors/brands/sonos-com
- **Railway** — surface #f7f7f8 (Δ 1.715) — https://brandsweets.com/colors/brands/railway-app
- **Alaska Airlines** — surface #f7f8fa (Δ 1.799) — https://brandsweets.com/colors/brands/alaskaair-com
- **Dropbox** — surface #f7f5f2 (Δ 1.881) — https://brandsweets.com/colors/brands/dropbox-com
- **DuckDuckGo** — surface #f7f5f2 (Δ 1.881) — https://brandsweets.com/colors/brands/duckduckgo-com
- **Linear** — surface #f7f8f8 (Δ 1.89) — https://brandsweets.com/colors/brands/linear
- **Crypto.com** — surface #f7f9fa (Δ 1.989) — https://brandsweets.com/colors/brands/crypto-com
- **Cursor** — surface #f7f7f4 (Δ 1.989) — https://brandsweets.com/colors/brands/cursor-com

## 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
- **Ledger Dark** (dark, luxury, technical) — #c9a227, #7c8aa5, #34d399, #0c1222, #e8edf5 — Gold on midnight is the private-banking cue; the mint accent keeps it from feeling old-money stuffy. — tool: https://brandsweets.com/palettes/new/c9a227-7c8aa5-34d399-0c1222-e8edf5 — collection: https://brandsweets.com/palettes/dark
- **Atelier** (elegant, minimal, luxury) — #141414, #8c8680, #9c7a4a, #f6f4f0 — Black on bone with a whisper of gold: the runway default that lets garments carry the color. — tool: https://brandsweets.com/palettes/new/141414-8c8680-9c7a4a-f6f4f0 — collection: https://brandsweets.com/palettes/elegant
- **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
- **Paper & Pine** (minimal, cool, clean, muted) — #1f4d3a, #8aa39b, #d98c3f, #f7f7f4, #1c2321 — Deep pine on paper-white with a marmalade accent — a quiet, sustainable-brand palette that isn't beige. — tool: https://brandsweets.com/palettes/new/1f4d3a-8aa39b-d98c3f-f7f7f4-1c2321 — collection: https://brandsweets.com/palettes/minimal
- **Riverbed** (earthy, muted, cool) — #5f7a6b, #a89f91, #b7742f, #f4f3ef, #22281f — Wet-stone green and pebble grey with a copper accent — an earth palette that leans cool, for outdoor and wellness. — tool: https://brandsweets.com/palettes/new/5f7a6b-a89f91-b7742f-f4f3ef-22281f — collection: https://brandsweets.com/palettes/earthy
- **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/edf4fc-9caac4-df564e-1f202d-e9f1f1?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: "#edf4fc" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.
