# #f8f0fe

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

## Values

- Hex: `#f8f0fe`
- RGB: rgb(248, 240, 254)
- HSL: hsl(274, 88%, 97%)
- OKLCH: oklch(0.965 0.02 311.1)
- Relative luminance: 0.8943
- Nearest named color: Cloud Break (#f6f1fe, Δ 0.349) — https://brandsweets.com/colors/cloud-break
- Moods: cool, vivid, light, technical, modern, clean
- Page: https://brandsweets.com/colors/f8f0fe

## Tints & shades

- Tints (toward white): #f8f1fe, #f8f1fe, #f8f1fe, #f8f1fe, #faf5fe, #faf5fe, #faf5fe, #faf5fe, #faf5fe, #faf5fe
- Shades (toward black): #e4c5fb, #cd96f8, #b96af6, #a53ff3, #9114f0, #750dc5, #5b0a99, #42076e, #25043e, #0b0113

## Harmonies

- Complementary: #f6fef1
- Analogous: #f2f1fe, #fef1fd
- Triadic: #fef8f1, #f1fef8
- Split-complementary: #fdfef1, #f1fef2
- Tetradic: #fef2f1, #f6fef1, #f1fdfe

## Colors that go with #f8f0fe

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 #f8f0fe 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 #f8f0fe 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), Ember (https://brandsweets.com/palettes/bold#ember). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 47 real palettes, including Binance's brand system and Alaska Airlines's brand system put Blue beside #f8f0fe, as the accent. Seen in: Binance (https://brandsweets.com/colors/brands/binance-com), Alaska Airlines (https://brandsweets.com/colors/brands/alaskaair-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 #f8f0fe 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 #f8f0fe, 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 #f8f0fe, 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 #f8f0fe, 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 #f8f0fe in 8 real palettes, including Velvet and Coastal, as the accent. Seen in: Velvet (https://brandsweets.com/palettes/luxury#velvet), Coastal (https://brandsweets.com/palettes/cool#coastal), 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 → #a53ff3 (4.56:1); AA: background → #6e6e6e (4.59:1); AAA: text → #800ed8 (7.07:1); AAA: background → #525252 (7.03:1)
- On black (#000000): 18.89:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Binance** — surface #fef1f2 (Δ 1.856) — https://brandsweets.com/colors/brands/binance-com
- **Xfinity** — surface #f6f6f9 (Δ 1.89) — https://brandsweets.com/colors/brands/xfinity-com
- **Astro** — surface #f2f6fa (Δ 1.923) — https://brandsweets.com/colors/brands/astro-build

## 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
- **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
- **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
- **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
- **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

## 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/f8f0fe-b79cc4-c2cb62-2d1f2d-eae9f1?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: "#f8f0fe" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.