← Back to Editor

#8F7C40 · #BF7F4D · #C4B15A · #A6A6A6 · #121111

warm

A 5-color warm palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#8F7C40

Ochre · Sienna · Honey Gold

HEX
#8F7C40
RGB
rgb(143, 124, 64)
HSL
hsl(46, 38%, 41%)
HSB
hsb(46, 55%, 56%)
CMYK
cmyk(0%, 13%, 55%, 44%)
Oklch
oklch(59.1% 0.083 92.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BF7F4D

Tangerine · Chocolate · Warm Sun

HEX
#BF7F4D
RGB
rgb(191, 127, 77)
HSL
hsl(26, 47%, 53%)
HSB
hsb(26, 60%, 75%)
CMYK
cmyk(0%, 34%, 60%, 25%)
Oklch
oklch(65.2% 0.103 57.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C4B15A

Ginger · SandyBrown · Sunflower

HEX
#C4B15A
RGB
rgb(196, 177, 90)
HSL
hsl(49, 47%, 56%)
HSB
hsb(49, 54%, 77%)
CMYK
cmyk(0%, 10%, 54%, 23%)
Oklch
oklch(75.9% 0.110 97.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A6A6A6

Ash · DarkGray · Silver Sand

HEX
#A6A6A6
RGB
rgb(166, 166, 166)
HSL
hsl(0, 0%, 65%)
HSB
hsb(0, 0%, 65%)
CMYK
cmyk(0%, 0%, 0%, 35%)
Oklch
oklch(72.5% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#121111

Ink Black · Black · Jet Black

HEX
#121111
RGB
rgb(18, 17, 17)
HSL
hsl(0, 3%, 7%)
HSB
hsb(0, 6%, 7%)
CMYK
cmyk(0%, 6%, 6%, 93%)
Oklch
oklch(17.9% 0.002 17.3)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F7C40
415390

Analogous

905641
8F7C40
7B9041

Triadic

8F7C40
41907E
7E4190

Split-Comp.

8F7C40
417B90
564190

Tetradic

8F7C40
419056
415390
90417B

Contrast Matrix WCAG 2.1 Contrast

8F7C40
BF7F4D
C4B15A
A6A6A6
121111
—
1.2
Fail
1.9
Fail
1.7
Fail
4.6
AA
1.2
Fail
—
1.5
Fail
1.4
Fail
5.7
AA
1.9
Fail
1.5
Fail
—
1.1
Fail
8.8
AAA
1.7
Fail
1.4
Fail
1.1
Fail
—
7.7
AAA
4.6
AA
5.7
AA
8.8
AAA
7.7
AAA
—
White BG
4.1AA Large
3.3AA Large
2.1Fail
2.4Fail
18.9AAA
Black BG
5.1AA
6.4AA
9.8AAA
8.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

87874F
A3A359
BCBC6F
A6A6A6
121211

Deuteranopia

888952
A7AC5C
BDBE74
A6A6A6
121211

Tritanopia

8E5A5D
BC6365
C38083
A6A6A6
121111

Achromatopsia

7B7B7B
8C8C8C
ADADAD
A6A6A6
111111

Shades & Tints Shades & Tints

#8F7C40

Dark
Light

#BF7F4D

Dark
Light

#C4B15A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f7c40;
  --color-2: #bf7f4d;
  --color-3: #c4b15a;
  --color-4: #a6a6a6;
  --color-5: #121111;
}

SCSS

$color-1: #8f7c40;
$color-2: #bf7f4d;
$color-3: #c4b15a;
$color-4: #a6a6a6;
$color-5: #121111;

TAILWIND

colors: {
  'brand-1': '#8f7c40',
  'brand-2': '#bf7f4d',
  'brand-3': '#c4b15a',
  'brand-4': '#a6a6a6',
  'brand-5': '#121111',
}

RGB Array

[143, 124, 64], [191, 127, 77], [196, 177, 90], [166, 166, 166], [18, 17, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8F7C40, #BF7F4D, #C4B15A, #A6A6A6, #121111 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #8f7c40; --color-2: #bf7f4d; --color-3: #c4b15a; --color-4: #a6a6a6; --color-5: #121111. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This warm-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color