# #f1f4fe

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

## Values

- Hex: `#f1f4fe`
- RGB: rgb(241, 244, 254)
- HSL: hsl(226, 87%, 97%)
- OKLCH: oklch(0.968 0.014 272.7)
- Relative luminance: 0.9056
- Nearest named color: Cotton Ball (#f2f7fd, Δ 0.852) — https://brandsweets.com/colors/cotton-ball
- Moods: cool, vivid, light, technical, modern, clean
- Page: https://brandsweets.com/colors/f1f4fe

## Tints & shades

- Tints (toward white): #f1f4fe, #f1f4fe, #f1f4fe, #f1f4fe, #f5f8fe, #f5f8fe, #f5f8fe, #f5f8fe, #f5f8fe, #f5f8fe
- Shades (toward black): #c6d2fb, #96adf8, #6b8bf5, #406af2, #1548ef, #0e38c4, #0b2c99, #081f6e, #04123e, #010513

## Harmonies

- Complementary: #fefbf1
- Analogous: #f1fafe, #f4f1fe
- Triadic: #fef1f4, #f4fef1
- Split-complementary: #fef4f1, #fafef1
- Tetradic: #fef1fa, #fefbf1, #f1fef4

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

- On white (#ffffff): 1.1:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #406af2 (4.6:1); AA: background → #707070 (4.51:1); AAA: text → #1042e5 (7.16:1); AAA: background → #525252 (7.11:1)
- On black (#000000): 19.11:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Astro** — surface #f2f6fa (Δ 0.878) — https://brandsweets.com/colors/brands/astro-build
- **Railway** — surface #f7f7f8 (Δ 1.517) — https://brandsweets.com/colors/brands/railway-app
- **Linear** — surface #f7f8f8 (Δ 1.718) — https://brandsweets.com/colors/brands/linear
- **Dropbox** — surface #f7f5f2 (Δ 1.842) — https://brandsweets.com/colors/brands/dropbox-com
- **Cursor** — surface #f7f7f4 (Δ 1.916) — 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
- **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
- **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
- **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
- **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

## 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/f1f4fe-9ca1c4-df774e-221f2d-e9eff1?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: "#f1f4fe" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.