Brand color

BrandSweets Cocoa Ink

#241c14

hex#241c14

rgbrgb(36, 28, 20)

hslhsl(30, 29%, 11%)

oklchoklch(0.233 0.019 66.6)

From BrandSweets brand colorsRelative luminance 0.0126

Warm Muted Dark Editorial Elegant Luxury Bold

Open in palette tool Check contrast

BrandSweets Cocoa Ink 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 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

423324 5c4733 7a5e43 977553 ae8c6b bca185 ccb8a3 ddcfc0 ebe3db fbfaf8

Shades — toward black

211a12 211a12 1e1710 1a140e 1a140e 17120d 140f0b 100d09 100d09 0d0a07

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

Harmonies

Complementary

Open in tool →

241c14 141c24

#141c24

Analogous

Open in tool →

241c14 241414 242414

#241414 · #242414

Triadic

Open in tool →

241c14 14241c 1c1424

#14241c · #1c1424

Split-complementary

Open in tool →

241c14 142424 141424

#142424 · #141424

Tetradic

Open in tool →

241c14 142414 141c24 241424

#142414 · #141c24 · #241424

Contrast

BrandSweets Cocoa Ink as text	Ratio	AA	AA large	AAA	Fix
Aaon white	16.78:1	pass	pass	pass	Passes AAA — no fix needed.
Aaon black	1.25:1	fail	fail	fail	AA: use #917050 as the text (4.64:1) AAA: use #b19172 as the text (7.16:1) AA: or shift the background to #858585 (4.55:1) AAA: or shift the background to #a8a8a8 (7.06:1)

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

Brands using this color

Palettes built around it

b45309 6b5b45 0f766e f7f3ec 1f1a14

Magazine Ochre

Open in tool →

Ochre and walnut on unbleached stock, with teal as the counterpoint — a features-section palette with some heat in it.

Editorial Warm Muted

d9480f 5c7c2f f2b134 fffbf0 2b1d0e

Farmers Market

Open in tool →

Tomato, leaf and honey — the three colors of a produce stand, warm enough to make anything look fresh.

Warm Friendly VividFood

c2410c 365314 fbbf24 f4efe6 1f1a12

Trailhead

Open in tool →

Rust, pine and sun — high-visibility earth tones that read at a distance and on a trail sign.

Warm Bold VividOutdoors

ff8c00 3b82f6 22c55e fff8e7 1d1d1d

Playground

Open in tool →

Orange, blue and green — the colors of playground equipment; loud, cheerful, obviously for kids.

Bold Playful WarmKids

e63946 457b9d f4a261 fff4e0 23201c

Retro Pop

Open in tool →

Fifties-diner red and steel blue with a peach — nostalgic pop that still passes contrast.

Playful Bold Warm

d97706 7c2d12 0f766e fffaf0 2a1b0c

Saffron

Open in tool →

Saffron and clove with a teal counterpoint — spice-market warmth, balanced so it doesn't go orange everywhere.

Warm Vivid Elegant

Fonts for this mood

BrandSweets Cocoa Ink reads as warm, muted, dark. The font library is tagged with the same vocabulary:

Warm fonts →Editorial fonts →Elegant fonts →Luxury fonts →Bold fonts →

mcpConnect your agent — build around BrandSweets Cocoa Ink

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 #241c14 and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/241c14-c4b59c-62c9cb-2d2c1f-f1eae9?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