# Next.js Text (#171717)

A brand color — neutral, dark, luxury, bold. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#171717`
- RGB: rgb(23, 23, 23)
- HSL: hsl(0, 0%, 9%)
- OKLCH: oklch(0.205 0 0)
- Relative luminance: 0.0086
- Name: Next.js Text (`next-js-text`, source: brand, brand: nextjs-org)
- Moods: neutral, dark, luxury, bold
- Page: https://brandsweets.com/colors/next-js-text

## Tints & shades

- Tints (toward white): #2e2e2e, #454545, #5c5c5c, #737373, #8a8a8a, #9e9e9e, #b5b5b5, #cccccc, #e3e3e3, #fafafa
- Shades (toward black): #171717, #141414, #141414, #121212, #121212, #0f0f0f, #0f0f0f, #0d0d0d, #0d0d0d, #0a0a0a

## Harmonies

- Complementary: #171717
- Analogous: #171717, #171717
- Triadic: #171717, #171717
- Split-complementary: #171717, #171717
- Tetradic: #171717, #171717, #171717

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

- On white (#ffffff): 17.93:1 — AA pass, AA-large pass, AAA pass
- On black (#000000): 1.17:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #757575 (4.56:1); AA: background → #808080 (4.54:1); AAA: text → #969696 (7.1:1); AAA: background → #a3a3a3 (7.11:1)

## Brands using this color

- **Next.js** — text #171717 — https://brandsweets.com/colors/brands/nextjs-org
- **GitHub** — primary #181717 (Δ 0.195) — https://brandsweets.com/colors/brands/github
- **Airtable** — text #161616 (Δ 0.443) — https://brandsweets.com/colors/brands/airtable-com
- **CircleCI** — text #161616 (Δ 0.443) — https://brandsweets.com/colors/brands/circleci-com
- **Notion** — primary #191919 (Δ 0.88) — https://brandsweets.com/colors/brands/notion
- **Retool** — text #151515 (Δ 0.889) — https://brandsweets.com/colors/brands/retool-com
- **JetBrains** — text #19191c (Δ 1.165) — https://brandsweets.com/colors/brands/jetbrains-com
- **Netlify** — text #181a1c (Δ 1.286) — https://brandsweets.com/colors/brands/netlify-com
- **Runway** — primary #141414 (Δ 1.338) — https://brandsweets.com/colors/brands/runwayml-com
- **Anthropic** — text #141413 (Δ 1.393) — https://brandsweets.com/colors/brands/anthropic
- **Spline** — text #191a1d (Δ 1.466) — https://brandsweets.com/colors/brands/spline-design
- **N26** — text #1b1b1b (Δ 1.75) — https://brandsweets.com/colors/brands/n26-com
- **Vimeo** — text #141a20 (Δ 1.786) — https://brandsweets.com/colors/brands/vimeo-com

## Curated palettes containing it

- **Newsprint** (editorial, muted, warm) — #b91c1c, #78716c, #d97706, #f5f1ea, #1c1917 — Ink-black on warm paper with a single red — the broadsheet hierarchy that lets typography lead. — tool: https://brandsweets.com/palettes/new/b91c1c-78716c-d97706-f5f1ea-1c1917 — collection: https://brandsweets.com/palettes/editorial
- **Gallery** (editorial, minimal, light) — #171717, #737373, #c2410c, #ffffff — Near-monochrome with one burnt-orange highlight — an art director's default because it never competes with the work. — tool: https://brandsweets.com/palettes/new/171717-737373-c2410c-ffffff — collection: https://brandsweets.com/palettes/editorial
- **Ink & Paper** (minimal, editorial, clean) — #1b1b1b, #6e6e6e, #1e40af, #fcfbf7 — Two greys and one ink-blue link color: the palette of a well-set book page. — tool: https://brandsweets.com/palettes/new/1b1b1b-6e6e6e-1e40af-fcfbf7 — collection: https://brandsweets.com/palettes/minimal
- **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
- **Launch Orange** (bold, warm, vivid, modern) — #ea580c, #1c1917, #0891b2, #ffffff — Orange is the rarest SaaS primary, which is exactly why it stands out on a pricing page; cyan keeps it from feeling like a hardware store. — tool: https://brandsweets.com/palettes/new/ea580c-1c1917-0891b2-ffffff — collection: https://brandsweets.com/palettes/bold
- **Coffee Bar** (dark, warm, luxury) — #c58b4a, #8a6a55, #e5c48a, #1e1512, #f3e9dd — Espresso and caramel: a dark-roast palette that photographs latte art beautifully. — tool: https://brandsweets.com/palettes/new/c58b4a-8a6a55-e5c48a-1e1512-f3e9dd — collection: https://brandsweets.com/palettes/dark
- **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
- **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

## Fonts for this mood

- neutral: https://brandsweets.com/fonts/mood/neutral
- luxury: https://brandsweets.com/fonts/mood/luxury
- bold: https://brandsweets.com/fonts/mood/bold

## Palette tool

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