# #312b21

A color — warm, muted, dark, editorial, elegant, luxury, bold. Deterministic analysis from BrandSweets (no inference).

## Values

- Hex: `#312b21`
- RGB: rgb(49, 43, 33)
- HSL: hsl(38, 20%, 16%)
- OKLCH: oklch(0.292 0.019 80.4)
- Relative luminance: 0.0249
- Nearest named color: Marshland (#2b2e26, Δ 1.377) — https://brandsweets.com/colors/marshland
- Moods: warm, muted, dark, editorial, elegant, luxury, bold
- Page: https://brandsweets.com/colors/312b21

## Tints & shades

- Tints (toward white): #494031, #625641, #7d6e54, #968464, #a7977b, #b8ab94, #c8beac, #dad4c8, #ebe7e0, #fbfaf9
- Shades (toward black): #2e281f, #2b261d, #252018, #221e16, #1f1b14, #1c1812, #181510, #12100c, #0f0d0a, #0c0b08

## Harmonies

- Complementary: #212731
- Analogous: #312321, #2f3121
- Triadic: #21312b, #2b2131
- Split-complementary: #212f31, #232131
- Tetradic: #213123, #212731, #31212f

## Colors that go with #312b21

Named partners (harmony on the OKLCH wheel, co-occurrence in curated palettes and brand systems, and the neutrals that carry it), best first:

- **Amber** #ffbf00 [pool] — Amber is paired with #312b21 in 18 real palettes, including McDonald's's brand system and Wikipedia's brand system, as the lead colour. Seen in: McDonald's (https://brandsweets.com/colors/brands/mcdonalds-com), Wikipedia (https://brandsweets.com/colors/brands/wikipedia-org), Beach Hut (https://brandsweets.com/palettes/light#beach-hut), Google (https://brandsweets.com/colors/brands/google-com). — https://brandsweets.com/colors/amber
- **Blue** #0000ff [pool] — 22 real palettes, including Headspace's brand system and Readymag's brand system put Blue beside #312b21, as the accent. Seen in: Headspace (https://brandsweets.com/colors/brands/headspace-com), Readymag (https://brandsweets.com/colors/brands/readymag-com), Minecraft (https://brandsweets.com/colors/brands/minecraft-net), Dunkin' (https://brandsweets.com/colors/brands/dunkindonuts-com). — https://brandsweets.com/colors/blue
- **Blue Violet** #8a2be2 [pool] — Blue Violet is paired with #312b21 in 5 real palettes, including ClickUp's brand system and Yahoo's brand system, as the lead colour. Seen in: ClickUp (https://brandsweets.com/colors/brands/clickup-com), Yahoo (https://brandsweets.com/colors/brands/yahoo-com), Prepare your taste buds... (https://brandsweets.com/colors/brands/grubhub-com), Klarna US (https://brandsweets.com/colors/brands/klarna-com). — https://brandsweets.com/colors/blueviolet
- **Blush Pink** #e8b4b8 [pool] — 7 real palettes, including Blush and Rain Garden put Blush Pink beside #312b21, as the supporting colour. Seen in: 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), Garden Wedding (https://brandsweets.com/palettes/light#garden-wedding). — https://brandsweets.com/colors/blush-pink
- **Burlywood** #deb887 [pool] — Burlywood is paired with #312b21 in 5 real palettes, including Polaroid and Chalkboard, as the accent. Seen in: Polaroid (https://brandsweets.com/palettes/light#polaroid), Chalkboard (https://brandsweets.com/palettes/dark#chalkboard), Kiln (https://brandsweets.com/palettes/dark#kiln), Coastal (https://brandsweets.com/palettes/cool#coastal). — https://brandsweets.com/colors/burlywood
- **Cadet Blue** #5f9ea0 [pool] — Designers have shipped Cadet Blue with #312b21: 10 real palettes, including Clean Beauty and SoFi's brand system, as the lead colour. Seen in: Clean Beauty (https://brandsweets.com/palettes/minimal#clean-beauty), SoFi (https://brandsweets.com/colors/brands/sofi-com), Paper & Pine (https://brandsweets.com/palettes/minimal#paper-and-pine), Dusk (https://brandsweets.com/palettes/cool#dusk). — https://brandsweets.com/colors/cadetblue
- **Champagne** #f7e7ce [pool] — 8 real palettes, including Darkroom and Forest Floor put Champagne beside #312b21, as the surface under it. Seen in: Darkroom (https://brandsweets.com/palettes/muted#darkroom), Forest Floor (https://brandsweets.com/palettes/dark#forest-floor), BrandSweets (https://brandsweets.com/colors/brands/brandsweets), Woodsmoke (https://brandsweets.com/palettes/dark#woodsmoke). — https://brandsweets.com/colors/champagne
- **White Smoke** #f5f5f5 [role] — White Smoke is the near-white surface #312b21 was made for — maximum legibility with no colour cast to argue with. — https://brandsweets.com/colors/whitesmoke

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

- On white (#ffffff): 14.02:1 — AA pass, AA-large pass, AAA pass
- On black (#000000): 1.5:1 — AA fail, AA-large fail, AAA fail. Fix: AA: text → #847358 (4.57:1); AA: background → #949494 (4.62:1); AAA: text → #a59578 (7.17:1); AAA: background → #b8b8b8 (7.07:1)

## Brands using this color

- **Headspace** — text #2d2c2b (Δ 1.725) — https://brandsweets.com/colors/brands/headspace-com
- **Fenty Beauty** — primary #2d2929 (Δ 1.894) — https://brandsweets.com/colors/brands/fentybeauty-com
- **Fenty Beauty** — text #2d2929 (Δ 1.894) — https://brandsweets.com/colors/brands/fentybeauty-com
- **Astro** — text #2c2c2c (Δ 1.945) — https://brandsweets.com/colors/brands/astro-build

## Curated palettes containing it

- **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
- **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
- **Olive Grove** (muted, warm, elegant) — #6b6b2e, #a8a670, #a1421f, #f6f3ea, #2c2a22 — Olive and straw with a rust accent — Mediterranean and unhurried; good for food, wine and hospitality. — tool: https://brandsweets.com/palettes/new/6b6b2e-a8a670-a1421f-f6f3ea-2c2a22 — collection: https://brandsweets.com/palettes/muted
- **Mushroom** (earthy, neutral, muted, minimal) — #8b7b6b, #c4b8a8, #6a7f5a, #f7f4ef, #2f2a25 — Taupe, oat and a sage accent — the quiet earth palette: almost neutral, with just enough colour to feel alive. — tool: https://brandsweets.com/palettes/new/8b7b6b-c4b8a8-6a7f5a-f7f4ef-2f2a25 — collection: https://brandsweets.com/palettes/earthy
- **Typewriter** (vintage, monochrome, editorial, minimal) — #2b2b2b, #8a8480, #a33a2f, #f4efe6 — Ink-black and ribbon-red on manila — the correspondence palette; all the vintage comes from the paper colour. — tool: https://brandsweets.com/palettes/new/2b2b2b-8a8480-a33a2f-f4efe6 — collection: https://brandsweets.com/palettes/vintage
- **Greige** (neutral, muted, elegant, calm) — #7d746b, #b7aea3, #9c8f6a, #f6f3ee, #2b2723 — Grey-beige with a hint of olive — the interior-design neutral; the olive accent is the only thing that isn't a shade of nothing. — tool: https://brandsweets.com/palettes/new/7d746b-b7aea3-9c8f6a-f6f3ee-2b2723 — collection: https://brandsweets.com/palettes/neutral

## Fonts for this mood

- warm: https://brandsweets.com/fonts/mood/warm
- editorial: https://brandsweets.com/fonts/mood/editorial
- elegant: https://brandsweets.com/fonts/mood/elegant
- 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/312b21-c4ba9c-62bbcb-2c2d1f-f1ebe9?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: "#312b21" })`), `check_contrast` (with fixes), `generate_palette` (explore around locks), `suggest_palette` (mood/industry → curated-first), `list_palettes`.