# #e7ecee

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

## Values

- Hex: `#e7ecee`
- RGB: rgb(231, 236, 238)
- HSL: hsl(197, 17%, 92%)
- OKLCH: oklch(0.94 0.006 223.5)
- Relative luminance: 0.8315
- Nearest named color: Diamond Cut (#e9e9f0, Δ 0.933) — https://brandsweets.com/colors/diamond-cut
- Moods: cool, muted, light, minimal, clean
- Page: https://brandsweets.com/colors/e7ecee

## Tints & shades

- Tints (toward white): #eaeef0, #eaeef0, #edf1f2, #edf1f2, #f0f3f4, #f3f6f7, #f3f6f7, #f6f8f9, #f6f8f9, #f9fafb
- Shades (toward black): #ccd7db, #b1c2c8, #9aafb7, #7f99a4, #66838f, #536b74, #3f525a, #2f3c42, #1c2427, #080b0c

## Harmonies

- Complementary: #eee9e7
- Analogous: #e7eeed, #e7e9ee
- Triadic: #eee7ec, #eceee7
- Split-complementary: #eee7e9, #eeede7
- Tetradic: #ede7ee, #eee9e7, #e9eee7

## Colors that go with #e7ecee

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 #e7ecee without the hard edge of pure #000. Seen in: Paper & Pine (https://brandsweets.com/palettes/minimal#paper-and-pine), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Frost & Ember (https://brandsweets.com/palettes/bold#frost-and-ember), Sweetgreen (https://brandsweets.com/colors/brands/sweetgreen-com). — https://brandsweets.com/colors/charcoal
- **Amber** #ffbf00 [pool] — Amber is paired with #e7ecee in 21 real palettes, including Blueprint and Trailhead, as the accent. Seen in: Blueprint (https://brandsweets.com/palettes/technical#blueprint), Trailhead (https://brandsweets.com/palettes/warm#trailhead), Ember (https://brandsweets.com/palettes/bold#ember), Binance (https://brandsweets.com/colors/brands/binance-com). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Dropbox's brand system and Binance's brand system put Blue beside #e7ecee, as the accent. Seen in: Dropbox (https://brandsweets.com/colors/brands/dropbox-com), Binance (https://brandsweets.com/colors/brands/binance-com), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-com), Cargo (https://brandsweets.com/colors/brands/cargo-site). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #e7ecee 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 #e7ecee, 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 Typewriter put Brown beside #e7ecee, as the lead colour. Seen in: Velvet (https://brandsweets.com/palettes/luxury#velvet), Typewriter (https://brandsweets.com/palettes/editorial#typewriter), Garnet (https://brandsweets.com/palettes/warm#garnet), 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 #e7ecee, 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 #e7ecee in 8 real palettes, including Chalkboard and Velvet, as the lead colour. Seen in: Chalkboard (https://brandsweets.com/palettes/dark#chalkboard), Velvet (https://brandsweets.com/palettes/luxury#velvet), Kiln (https://brandsweets.com/palettes/dark#kiln), Coffee Bar (https://brandsweets.com/palettes/dark#coffee-bar). — https://brandsweets.com/colors/burlywood

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

- On white (#ffffff): 1.19:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #5f7b86 (4.5:1); AA: background → #696969 (4.61:1); AAA: text → #465a62 (7.24:1); AAA: background → #4d4d4d (7.1:1)
- On black (#000000): 17.63:1 — AA pass, AA-large pass, AAA pass

## Curated palettes containing it

- **Terminal** (technical, dark, modern) — #3fb950, #58a6ff, #f778ba, #0b0f14, #e6edf3 — Green for success, blue for links, pink for emphasis — the dark-mode developer family, tuned to sit on near-black without glare. — tool: https://brandsweets.com/palettes/new/3fb950-58a6ff-f778ba-0b0f14-e6edf3 — collection: https://brandsweets.com/palettes/technical
- **Blueprint** (technical, cool, modern, dark) — #38bdf8, #818cf8, #fbbf24, #0f172a, #e2e8f0 — Cyan and indigo on navy is the developer-tool look; amber is the only warm note, so it always reads as 'attention'. — tool: https://brandsweets.com/palettes/new/38bdf8-818cf8-fbbf24-0f172a-e2e8f0 — 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
- **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
- **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
- **Velvet** (luxury, dark, bold) — #9f1239, #6b2a47, #e5b769, #120a10, #f5e9ee — Burgundy and plum on near-black with a brass accent — theatre, wine, and anything that wants to feel after-dark. — tool: https://brandsweets.com/palettes/new/9f1239-6b2a47-e5b769-120a10-f5e9ee — collection: https://brandsweets.com/palettes/luxury
- **Bramble** (autumn, muted, elegant, dark) — #6b2d3e, #9a6f3c, #c8a97e, #1e1519, #f2e9e4 — Blackberry and bark with a wheat highlight on a plum-black surface — late-autumn, quiet, slightly gothic. — tool: https://brandsweets.com/palettes/new/6b2d3e-9a6f3c-c8a97e-1e1519-f2e9e4 — collection: https://brandsweets.com/palettes/autumn
- **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
- **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

## 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/e7ecee-9cb4c4-df4e6b-1f232d-e9f1ef?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: "#e7ecee" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.
