# Astro Surface (#f2f6fa)

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

## Values

- Hex: `#f2f6fa`
- RGB: rgb(242, 246, 250)
- HSL: hsl(210, 44%, 96%)
- OKLCH: oklch(0.971 0.007 247.9)
- Relative luminance: 0.9169
- Name: Astro Surface (`astro-surface`, source: brand, brand: astro-build)
- Moods: cool, light, clean, modern
- Page: https://brandsweets.com/colors/astro-surface

## Tints & shades

- Tints (toward white): #f0f5f9, #f0f5f9, #f4f7fb, #f4f7fb, #f4f7fb, #f4f7fb, #f4f7fb, #f8fafc, #f8fafc, #f8fafc
- Shades (toward black): #cfdeec, #aec7e0, #89add1, #6896c4, #4780b8, #3b6997, #2e5276, #1f3851, #132130, #060a0f

## Harmonies

- Complementary: #f9f5f0
- Analogous: #f0f9f9, #f0f0f9
- Triadic: #f9f0f5, #f5f9f0
- Split-complementary: #f9f0f0, #f9f9f0
- Tetradic: #f9f0f9, #f9f5f0, #f0f9f0

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

- On white (#ffffff): 1.09:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #457ab0 (4.5:1); AA: background → #707070 (4.56:1); AAA: text → #325981 (7.29:1); AAA: background → #525252 (7.2:1)
- On black (#000000): 19.34:1 — AA pass, AA-large pass, AAA pass

## Brands using this color

- **Astro** — surface #f2f6fa — https://brandsweets.com/colors/brands/astro-build
- **Railway** — surface #f7f7f8 (Δ 0.782) — https://brandsweets.com/colors/brands/railway-app
- **Linear** — surface #f7f8f8 (Δ 0.946) — https://brandsweets.com/colors/brands/linear
- **Cursor** — surface #f7f7f4 (Δ 1.102) — https://brandsweets.com/colors/brands/cursor-com
- **Dropbox** — surface #f7f5f2 (Δ 1.134) — https://brandsweets.com/colors/brands/dropbox-com
- **Cohere** — surface #fafafa (Δ 1.545) — https://brandsweets.com/colors/brands/cohere-com
- **PlanetScale** — surface #fafafa (Δ 1.545) — https://brandsweets.com/colors/brands/planetscale-com
- **Anthropic** — surface #faf9f5 (Δ 1.588) — https://brandsweets.com/colors/brands/anthropic
- **BrandSweets** — surface #fbf7ef (Δ 1.898) — https://brandsweets.com/colors/brands/brandsweets
- **Mistral AI** — surface #fbfbf8 (Δ 1.9) — https://brandsweets.com/colors/brands/mistral-ai
- **Vimeo** — surface #fafcfd (Δ 1.913) — https://brandsweets.com/colors/brands/vimeo-com
- **Perplexity** — surface #fbfaf4 (Δ 1.929) — https://brandsweets.com/colors/brands/perplexity
- **Calendly** — surface #fcfbf8 (Δ 1.991) — https://brandsweets.com/colors/brands/calendly-com

## Curated palettes containing it

- **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
- **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
- **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
- **Wellness** (warm, muted, friendly) — #5f8460, #a8896a, #c6633f, #fbf7f2, #2a2320 — Sage and terracotta feel natural and calm — the anti-hospital palette for wellbeing brands. — tool: https://brandsweets.com/palettes/new/5f8460-a8896a-c6633f-fbf7f2-2a2320 — collection: https://brandsweets.com/palettes/warm
- **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
- **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
- **Blush** (light, warm, elegant) — #d4867a, #e9c2b8, #7a4a4a, #fdf4f1, #3a2a2a — Rose and skin tones on a pink-white surface — soft focus, flattering, unmistakably beauty. — tool: https://brandsweets.com/palettes/new/d4867a-e9c2b8-7a4a4a-fdf4f1-3a2a2a — collection: https://brandsweets.com/palettes/light
- **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
- **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

- clean: https://brandsweets.com/fonts/mood/clean
- modern: https://brandsweets.com/fonts/mood/modern

## Palette tool

Open this color locked as the lead with four explored companions: https://brandsweets.com/palettes/new/f2f6fa-9cabc4-df514e-1f202d-e9f1f1?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: "#f2f6fa" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.