# #ecf4ef

A color — muted, light, minimal, clean. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#ecf4ef`
- RGB: rgb(236, 244, 239)
- HSL: hsl(142, 27%, 94%)
- OKLCH: oklch(0.96 0.011 158.8)
- Relative luminance: 0.8877
- Nearest named color: Beluga (#eff2f1, Δ 0.756) — https://brandsweets.com/colors/beluga
- Moods: muted, light, minimal, clean
- Page: https://brandsweets.com/colors/ecf4ef

## Tints & shades

- Tints (toward white): #ecf4ef, #eff6f1, #eff6f1, #f2f8f4, #f2f8f4, #f2f8f4, #f5f9f7, #f5f9f7, #f9fbfa, #f9fbfa
- Shades (toward black): #cee3d6, #b1d2bd, #94c2a5, #77b18c, #5b9f74, #4a825f, #3a6449, #294734, #182a1f, #070d09

## Harmonies

- Complementary: #f4ecf1
- Analogous: #edf4ec, #ecf4f3
- Triadic: #efecf4, #f4efec
- Split-complementary: #f3ecf4, #f4eced
- Tetradic: #ecedf4, #f4ecf1, #f4f3ec

## Colors that go with #ecf4ef

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 #ecf4ef without the hard edge of pure #000. Seen in: Frost & Ember (https://brandsweets.com/palettes/bold#frost-and-ember), Paper & Pine (https://brandsweets.com/palettes/minimal#paper-and-pine), Canopy (https://brandsweets.com/palettes/cool#canopy), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com). — https://brandsweets.com/colors/charcoal
- **Amber** #ffbf00 [pool] — Amber is paired with #ecf4ef in 21 real palettes, including Trailhead and Ember, as the accent. Seen in: Trailhead (https://brandsweets.com/palettes/warm#trailhead), Ember (https://brandsweets.com/palettes/bold#ember), Binance (https://brandsweets.com/colors/brands/binance-com), Maple (https://brandsweets.com/palettes/warm#maple). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Dropbox's brand system and Alaska Airlines's brand system put Blue beside #ecf4ef, as the accent. Seen in: Dropbox (https://brandsweets.com/colors/brands/dropbox-com), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-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 #ecf4ef 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 #ecf4ef, 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 Garnet put Brown beside #ecf4ef, as the accent. Seen in: Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Garnet (https://brandsweets.com/palettes/warm#garnet), Velvet (https://brandsweets.com/palettes/luxury#velvet), Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke). — https://brandsweets.com/colors/brown
- **Burgundy** #800020 [pool] — 5 real palettes, including Candlelight and Heinz's brand system put Burgundy beside #ecf4ef, 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 #ecf4ef in 8 real palettes, including Chalkboard and Polaroid, as the lead colour. Seen in: Chalkboard (https://brandsweets.com/palettes/dark#chalkboard), Polaroid (https://brandsweets.com/palettes/light#polaroid), Kiln (https://brandsweets.com/palettes/dark#kiln), Coastal (https://brandsweets.com/palettes/cool#coastal). — https://brandsweets.com/colors/burlywood

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

- On white (#ffffff): 1.12:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #4a825f (4.52:1); AA: background → #6e6e6e (4.55:1); AAA: text → #386147 (7.07:1); AAA: background → #4f4f4f (7.31:1)
- On black (#000000): 18.75:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Ubisoft** — surface #f2f2f2 (Δ 1.083) — https://brandsweets.com/colors/brands/ubisoft-com
- **Sonos** — surface #f5f5f5 (Δ 1.496) — https://brandsweets.com/colors/brands/sonos-com
- **Dropbox** — surface #f7f5f2 (Δ 1.56) — https://brandsweets.com/colors/brands/dropbox-com
- **DuckDuckGo** — surface #f7f5f2 (Δ 1.56) — https://brandsweets.com/colors/brands/duckduckgo-com
- **Astro** — surface #f2f6fa (Δ 1.71) — https://brandsweets.com/colors/brands/astro-build
- **Cursor** — surface #f7f7f4 (Δ 1.793) — https://brandsweets.com/colors/brands/cursor-com
- **Xfinity** — surface #f6f6f9 (Δ 1.966) — https://brandsweets.com/colors/brands/xfinity-com

## Curated palettes containing it

- **Newsprint** (editorial, muted, warm) — #b91c1c, #78716c, #d97706, #f5f1ea, #1c1917 — Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead. — tool: https://brandsweets.com/palettes/new/b91c1c-78716c-d97706-f5f1ea-1c1917 — collection: https://brandsweets.com/palettes/editorial
- **Bookshop** (editorial, warm, elegant) — #7c3a1d, #8a7358, #2f5d50, #faf6ef, #2b2118 — Chestnut and forest on cream read like a cloth-bound spine; the palette recedes so covers and type do the talking. — tool: https://brandsweets.com/palettes/new/7c3a1d-8a7358-2f5d50-faf6ef-2b2118 — collection: https://brandsweets.com/palettes/editorial
- **Magazine Ochre** (editorial, warm, muted) — #b45309, #6b5b45, #0f766e, #f7f3ec, #1f1a14 — Ochre and walnut on unbleached stock, with teal as the counterpoint — a features-section palette with some heat in it. — tool: https://brandsweets.com/palettes/new/b45309-6b5b45-0f766e-f7f3ec-1f1a14 — collection: https://brandsweets.com/palettes/editorial
- **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
- **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
- **Chalkboard** (dark, muted, warm) — #e8c170, #a8b5a0, #f28e6b, #1f2a24, #f1ede4 — Slate green with chalk cream and a coral — nostalgic without being twee. — tool: https://brandsweets.com/palettes/new/e8c170-a8b5a0-f28e6b-1f2a24-f1ede4 — collection: https://brandsweets.com/palettes/dark
- **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
- **Homestead** (warm, muted, friendly) — #7b5e3b, #9aa27a, #c96f3a, #f9f5ee, #2f2a24 — Timber and olive for homes that photograph in golden hour; nothing here competes with a good listing photo. — tool: https://brandsweets.com/palettes/new/7b5e3b-9aa27a-c96f3a-f9f5ee-2f2a24 — collection: https://brandsweets.com/palettes/warm
- **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
- **Clean Beauty** (minimal, muted, clean) — #7f8f70, #bdb5a6, #b5654d, #f8f6f2, #2e2e2a — Sage and clay on unbleached white — the nothing-to-hide palette for ingredient-led skincare. — tool: https://brandsweets.com/palettes/new/7f8f70-bdb5a6-b5654d-f8f6f2-2e2e2a — collection: https://brandsweets.com/palettes/minimal
- **Trailhead** (warm, bold, vivid) — #c2410c, #365314, #fbbf24, #f4efe6, #1f1a12 — Rust, pine and sun — high-visibility earth tones that read at a distance and on a trail sign. — tool: https://brandsweets.com/palettes/new/c2410c-365314-fbbf24-f4efe6-1f1a12 — collection: https://brandsweets.com/palettes/warm
- **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
- **Olive Grove** (muted, warm, elegant) — #6b6b2e, #a8a670, #a1421f, #f6f3ea, #2c2a22 — Olive and straw with a rust accent — Mediterranean and unhurried; good for food, wine and hospitality. — tool: https://brandsweets.com/palettes/new/6b6b2e-a8a670-a1421f-f6f3ea-2c2a22 — collection: https://brandsweets.com/palettes/muted
- **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
- **Harvest** (autumn, warm, muted) — #b5451b, #8a6a2f, #d99a2b, #f8f1e4, #2b1c12 — Pumpkin, straw and burnt gold on parchment — the autumn palette that still feels like a product, not a place-mat. — tool: https://brandsweets.com/palettes/new/b5451b-8a6a2f-d99a2b-f8f1e4-2b1c12 — collection: https://brandsweets.com/palettes/autumn
- **Clay & Linen** (earthy, warm, muted) — #b5654d, #8f8168, #5c6b47, #f5efe6, #2a231d — Terracotta, stone and olive on linen — the earth-tone default for ceramics, skincare and anything hand-made. — tool: https://brandsweets.com/palettes/new/b5654d-8f8168-5c6b47-f5efe6-2a231d — collection: https://brandsweets.com/palettes/earthy
- **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
- **Mushroom** (earthy, neutral, muted, minimal) — #8b7b6b, #c4b8a8, #6a7f5a, #f7f4ef, #2f2a25 — Taupe, oat and a sage accent — the quiet earth palette: almost neutral, with just enough colour to feel alive. — tool: https://brandsweets.com/palettes/new/8b7b6b-c4b8a8-6a7f5a-f7f4ef-2f2a25 — collection: https://brandsweets.com/palettes/earthy
- **Laser** (neon, vivid, dark, technical) — #39ff14, #bf00ff, #00e5ff, #07070d, #eefaf0 — Laser green, violet and cyan — the synthwave/gaming set; keep the type near-white and let one neon own each screen. — tool: https://brandsweets.com/palettes/new/39ff14-bf00ff-00e5ff-07070d-eefaf0 — collection: https://brandsweets.com/palettes/neon
- **Typewriter** (vintage, monochrome, editorial, minimal) — #2b2b2b, #8a8480, #a33a2f, #f4efe6 — Ink-black and ribbon-red on manila — the correspondence palette; all the vintage comes from the paper colour. — tool: https://brandsweets.com/palettes/new/2b2b2b-8a8480-a33a2f-f4efe6 — collection: https://brandsweets.com/palettes/vintage
- **Fireside** (winter, dark, warm, luxury) — #b23a3a, #2f5d50, #d4a857, #171a1f, #f2ede4 — Cranberry, pine and brass on a charcoal night — the holiday palette without the clichés, because the surface is cold. — tool: https://brandsweets.com/palettes/new/b23a3a-2f5d50-d4a857-171a1f-f2ede4 — collection: https://brandsweets.com/palettes/winter
- **Frost & Ember** (winter, bold, cool, vivid) — #1d3557, #a8dadc, #e63946, #f1faee — Navy and frost with one ember red — the classic cold-with-a-warm-accent structure, borrowed from a thousand ski posters. — tool: https://brandsweets.com/palettes/new/1d3557-a8dadc-e63946-f1faee — 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
- **Undergrowth** (forest, dark, muted, earthy) — #7fb069, #5a6650, #e6aa68, #1b2a1f, #e9efe6 — Fern and lichen with a fungus orange on a fir-black — the forest floor at dusk, as a dark theme. — tool: https://brandsweets.com/palettes/new/7fb069-5a6650-e6aa68-1b2a1f-e9efe6 — collection: https://brandsweets.com/palettes/forest
- **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
- **Sepia Mono** (monochrome, warm, vintage, muted) — #5c4a3a, #9c8b78, #cdbfae, #f7f1e8, #2f251d — A single warm brown from espresso to oat — the sepia scale as a working palette, not a filter. — tool: https://brandsweets.com/palettes/new/5c4a3a-9c8b78-cdbfae-f7f1e8-2f251d — collection: https://brandsweets.com/palettes/monochrome
- **Sapphire & Gold** (jewel-tones, luxury, cool, elegant) — #1e3a8a, #c9a227, #0e7490, #f7f6f2, #111827 — Deep sapphire and gold with a teal — old-money jewel tones on an ivory ground; heraldic without a crest. — tool: https://brandsweets.com/palettes/new/1e3a8a-c9a227-0e7490-f7f6f2-111827 — collection: https://brandsweets.com/palettes/jewel-tones
- **Oatmeal** (neutral, warm, minimal, calm) — #6b5e4f, #a89a8a, #d9cfc1, #f8f5f0, #2c2622 — Four warm greys from bark to oat — the neutral palette that photographs well and never argues with a product shot. — tool: https://brandsweets.com/palettes/new/6b5e4f-a89a8a-d9cfc1-f8f5f0-2c2622 — collection: https://brandsweets.com/palettes/neutral
- **Greige** (neutral, muted, elegant, calm) — #7d746b, #b7aea3, #9c8f6a, #f6f3ee, #2b2723 — 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. — tool: https://brandsweets.com/palettes/new/7d746b-b7aea3-9c8f6a-f6f3ee-2b2723 — collection: https://brandsweets.com/palettes/neutral
- **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

- minimal: https://brandsweets.com/fonts/mood/minimal
- 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/ecf4ef-a2beaf-c659d4-1f2d2a-eaf1e9?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: "#ecf4ef" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.