# #ecfefb

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

## Values

- Hex: `#ecfefb`
- RGB: rgb(236, 254, 251)
- HSL: hsl(170, 90%, 96%)
- OKLCH: oklch(0.983 0.019 184.9)
- Relative luminance: 0.9568
- Nearest named color: Cold White (#edfcfb, Δ 0.521) — https://brandsweets.com/colors/cold-white
- Moods: vivid, light, clean
- Page: https://brandsweets.com/colors/ecfefb

## Tints & shades

- Tints (toward white): #ecfefb, #ecfefb, #f0fefc, #f0fefc, #f0fefc, #f0fefc, #f0fefc, #f5fefd, #f5fefd, #f5fefd
- Shades (toward black): #c0fcf2, #94f9e9, #64f7de, #38f5d5, #0df2cc, #0ac7a7, #089b83, #066b5a, #033f35, #011310

## Harmonies

- Complementary: #feecef
- Analogous: #ecfef2, #ecf8fe
- Triadic: #fbecfe, #fefbec
- Split-complementary: #feecf8, #fef2ec
- Tetradic: #f2ecfe, #feecef, #f8feec

## Colors that go with #ecfefb

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 #ecfefb without the hard edge of pure #000. Seen in: Tide Pool (https://brandsweets.com/palettes/cool#tide-pool), Canopy (https://brandsweets.com/palettes/cool#canopy), Coastal (https://brandsweets.com/palettes/cool#coastal), Frost & Ember (https://brandsweets.com/palettes/bold#frost-and-ember). — https://brandsweets.com/colors/charcoal
- **Amber** #ffbf00 [pool] — Amber is paired with #ecfefb in 21 real palettes, including Beach Hut and Ahrefs's brand system, as the supporting colour. Seen in: Beach Hut (https://brandsweets.com/palettes/light#beach-hut), Ahrefs (https://brandsweets.com/colors/brands/ahrefs-com), Google (https://brandsweets.com/colors/brands/google-com), Gumroad (https://brandsweets.com/colors/brands/gumroad-com). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Alaska Airlines's brand system and Cargo's brand system put Blue beside #ecfefb, as the accent. Seen in: Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Cargo (https://brandsweets.com/colors/brands/cargo-site), Dropbox (https://brandsweets.com/colors/brands/dropbox-com), Activision (https://brandsweets.com/colors/brands/activision-com). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #ecfefb in 12 real palettes, including ClickUp's brand system and Fly.io's brand system, as the lead colour. Seen in: 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), Klarna US (https://brandsweets.com/colors/brands/klarna-com). — https://brandsweets.com/colors/blueviolet
- **Blush Pink** #e8b4b8 [pool] — 7 real palettes, including Rain Garden and Graphite Mono put Blush Pink beside #ecfefb, as the accent. Seen in: Rain Garden (https://brandsweets.com/palettes/cool#rain-garden), Graphite Mono (https://brandsweets.com/palettes/neutral#graphite-mono), Garden Wedding (https://brandsweets.com/palettes/light#garden-wedding), Nursery (https://brandsweets.com/palettes/light#nursery). — https://brandsweets.com/colors/blush-pink
- **Brown** #a52a2a [pool] — 5 real palettes, including State Farm's brand system and Typewriter put Brown beside #ecfefb, as the supporting colour. Seen in: State Farm (https://brandsweets.com/colors/brands/statefarm-com), Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Garnet (https://brandsweets.com/palettes/warm#garnet), Velvet (https://brandsweets.com/palettes/luxury#velvet). — https://brandsweets.com/colors/brown
- **Burgundy** #800020 [pool] — 5 real palettes, including Candlelight and Heinz's brand system put Burgundy beside #ecfefb, 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 #ecfefb 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), Converse (https://brandsweets.com/colors/brands/converse-com), Monster Energy (https://brandsweets.com/colors/brands/monsterenergy-com). — https://brandsweets.com/colors/burlywood

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

- On white (#ffffff): 1.04:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #07836e (4.69:1); AA: background → #737373 (4.55:1); AAA: text → #056152 (7.4:1); AAA: background → #545454 (7.26:1)
- On black (#000000): 20.14:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Crypto.com** — surface #f7f9fa (Δ 1.762) — https://brandsweets.com/colors/brands/crypto-com
- **Linear** — surface #f7f8f8 (Δ 1.876) — https://brandsweets.com/colors/brands/linear
- **Vimeo** — surface #fafcfd (Δ 1.879) — https://brandsweets.com/colors/brands/vimeo-com
- **Fitbit** — surface #f9f9f9 (Δ 1.924) — https://brandsweets.com/colors/brands/fitbit-com
- **Mistral AI** — surface #fbfbf8 (Δ 1.931) — https://brandsweets.com/colors/brands/mistral-ai
- **Character** — surface #fafafa (Δ 1.934) — https://brandsweets.com/colors/brands/character-ai
- **Cohere** — surface #fafafa (Δ 1.934) — https://brandsweets.com/colors/brands/cohere-com
- **PlanetScale** — surface #fafafa (Δ 1.934) — https://brandsweets.com/colors/brands/planetscale-com
- **Starlink** — surface #fafafa (Δ 1.934) — https://brandsweets.com/colors/brands/starlink-com
- **Alaska Airlines** — surface #f7f8fa (Δ 1.935) — https://brandsweets.com/colors/brands/alaskaair-com
- **Anthropic** — surface #faf9f5 (Δ 1.999) — https://brandsweets.com/colors/brands/anthropic

## Curated palettes containing it

- **Console Light** (technical, clean, light) — #2563eb, #52525b, #16a34a, #fafafa, #18181b — A sober docs palette: one blue for interactive, one green for success, zinc greys for everything else. — tool: https://brandsweets.com/palettes/new/2563eb-52525b-16a34a-fafafa-18181b — collection: https://brandsweets.com/palettes/technical
- **Slate Workspace** (minimal, cool, clean, modern) — #0f172a, #64748b, #2563eb, #f8fafc — Slate on slate with a single blue — the productivity-app look where the interface disappears behind the work. — tool: https://brandsweets.com/palettes/new/0f172a-64748b-2563eb-f8fafc — collection: https://brandsweets.com/palettes/minimal
- **Clinic** (clean, cool, light) — #0e7490, #64748b, #f97316, #f8fafc, #0f172a — Teal reads clinical without the coldness of pure blue; the coral accent adds warmth for reassurance moments. — tool: https://brandsweets.com/palettes/new/0e7490-64748b-f97316-f8fafc-0f172a — collection: https://brandsweets.com/palettes/clean
- **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
- **Coastal** (cool, light, clean) — #2a9d8f, #8ecae6, #e9c46a, #f7fafc, #1a2b3c — Sea-teal, sky and sand — bright without shouting; works for travel, wellness, and anything near water. — tool: https://brandsweets.com/palettes/new/2a9d8f-8ecae6-e9c46a-f7fafc-1a2b3c — collection: https://brandsweets.com/palettes/cool
- **Mint Chip** (pastel, light, clean) — #98d8c8, #c8e6c9, #f7c8a0, #fbfffd, #1f3a33 — Mint and celadon with a peach accent — fresh without being clinical; the deep green text keeps it grounded. — tool: https://brandsweets.com/palettes/new/98d8c8-c8e6c9-f7c8a0-fbfffd-1f3a33 — collection: https://brandsweets.com/palettes/pastel
- **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
- **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
- **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
- **Meadow** (spring, light, friendly, vivid) — #6cbf4b, #f9d56e, #f18fb2, #fbfef7, #1f2d1a — Fresh green, buttercup and a wildflower pink — spring at full saturation; the leaf-dark text does the anchoring. — tool: https://brandsweets.com/palettes/new/6cbf4b-f9d56e-f18fb2-fbfef7-1f2d1a — collection: https://brandsweets.com/palettes/spring
- **Rain Garden** (spring, cool, muted, calm) — #4f8a8b, #a5c9a1, #f2b5a7, #f6f9f7, #1f3331 — Wet-leaf teal and moss with a soft peach — an overcast spring, calmer than the bright version and better for long reading. — tool: https://brandsweets.com/palettes/new/4f8a8b-a5c9a1-f2b5a7-f6f9f7-1f3331 — collection: https://brandsweets.com/palettes/spring
- **Tide Pool** (ocean, cool, light, clean) — #1b998b, #2d3047, #ff9b71, #f4fbf9, #1e2333 — Sea-green and slate with a coral — a literal tide pool: two cool tones, one warm creature. — tool: https://brandsweets.com/palettes/new/1b998b-2d3047-ff9b71-f4fbf9-1e2333 — 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
- **Canopy** (forest, cool, muted, calm) — #2d6a4f, #95d5b2, #d8a48f, #f6faf7, #1b4332 — Deep green and new-leaf mint with a bark-pink accent — a forest that reads calm rather than camo. — tool: https://brandsweets.com/palettes/new/2d6a4f-95d5b2-d8a48f-f6faf7-1b4332 — collection: https://brandsweets.com/palettes/forest
- **Graphite Mono** (monochrome, neutral, minimal, modern) — #222222, #767676, #bdbdbd, #fafafa, #111111 — Five greys, no hue — the true monochrome; the accent is a lighter grey, so hierarchy comes from weight and size alone. — tool: https://brandsweets.com/palettes/new/222222-767676-bdbdbd-fafafa-111111 — collection: https://brandsweets.com/palettes/monochrome
- **Blue Mono** (monochrome, cool, clean, technical) — #1e40af, #60a5fa, #bfdbfe, #f8fafc, #172554 — One blue at four lightnesses — monochromatic in the colour-theory sense; the deep step is the text, the pale step the surface tint. — tool: https://brandsweets.com/palettes/new/1e40af-60a5fa-bfdbfe-f8fafc-172554 — collection: https://brandsweets.com/palettes/monochrome
- **Stone** (neutral, cool, minimal, clean) — #44403c, #a8a29e, #d6d3d1, #fafaf9, #1c1917 — Stone greys with a faint warmth — Tailwind's stone scale used as a whole palette: interfaces that want to disappear. — tool: https://brandsweets.com/palettes/new/44403c-a8a29e-d6d3d1-fafaf9-1c1917 — 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
- **Dusty Blue** (wedding, cool, muted, calm) — #6f8faf, #b9c7d6, #d6b39c, #f9fafb, #26313d — Dusty blue and mist with a nude accent — the quiet wedding palette; nothing here competes with a photograph. — tool: https://brandsweets.com/palettes/new/6f8faf-b9c7d6-d6b39c-f9fafb-26313d — collection: https://brandsweets.com/palettes/wedding

## Fonts for this mood

- 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/ecfefb-a2bebd-d459a9-1f292d-e9f1ec?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: "#ecfefb" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.