Named color

Clouded Pine

#628468

hex#628468

rgbrgb(98, 132, 104)

hslhsl(131, 15%, 45%)

oklchoklch(0.579 0.057 149.7)

Relative luminance 0.201

Muted

Open in palette tool Check contrast

Clouded Pine on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the curated palettes it appears in and any public brand that adopts it.

Tints & shades

Tints — toward white

6c9373 7ea084 8daa92 9bb5a0 adc2b1 bccdbf cad8cd d9e3db eaf0eb f9fbf9

Shades — toward black

59785f 506d55 48614c 3f5543 36493a 2b3b2e 232f25 1a231c 111712 090c09

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

628468 84627e

#84627e

Analogous

Open in tool →

628468 6c8462 628479

#6c8462 · #628479

Triadic

Open in tool →

628468 686284 846862

#686284 · #846862

Split-complementary

Open in tool →

628468 796284 84626c

#796284 · #84626c

Tetradic

Open in tool →

628468 626c84 84627e 847962

#626c84 · #84627e · #847962

Contrast

Clouded Pine as text	Ratio	AA	AA large	AAA	Fix
Aaon white	4.18:1	fail	pass	fail	AA: use #5d7e63 as the text (4.54:1) AAA: use #455e4a as the text (7.11:1) AA: or shift the background to #0f0f0f (4.58:1)
Aaon black	5.02:1	pass	pass	fail	AAA: use #7ea084 as the text (7.25:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Clouded Pine as the background.

Brands using this color

No public brand in the corpus uses this exact color yet. Extract a brand to add one.

Palettes built around it

5f8460 a8896a c6633f fbf7f2 2a2320

Wellness

Open in tool →

Sage and terracotta feel natural and calm — the anti-hospital palette for wellbeing brands.

Warm Muted FriendlyHealth

mcpConnect your agent — build around Clouded Pine

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #628468 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/628468-a2beaa-b34edf-1f2d28-ecf1e9?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md