← Back to Editor

#8A7972 · #6F4F5C · #9E615A · #CC7358 · #D1C2A1

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 Library

Color Details Color Details

#8A7972

Tangerine · Gray · Amber Brown

HEX
#8A7972
RGB
rgb(138, 121, 114)
HSL
hsl(17, 10%, 49%)
HSB
hsb(17, 17%, 54%)
CMYK
cmyk(0%, 12%, 17%, 46%)
Oklch
oklch(59.0% 0.024 43.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#6F4F5C

Dark Violet · DimGray · Camellia

HEX
#6F4F5C
RGB
rgb(111, 79, 92)
HSL
hsl(336, 17%, 37%)
HSB
hsb(336, 29%, 44%)
CMYK
cmyk(0%, 29%, 17%, 56%)
Oklch
oklch(46.6% 0.047 352.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#9E615A

Crimson · Sienna · Passion Red

HEX
#9E615A
RGB
rgb(158, 97, 90)
HSL
hsl(6, 27%, 49%)
HSB
hsb(6, 43%, 62%)
CMYK
cmyk(0%, 39%, 43%, 38%)
Oklch
oklch(55.8% 0.081 27.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#CC7358

Crimson · Coral · Passion Red

HEX
#CC7358
RGB
rgb(204, 115, 88)
HSL
hsl(14, 53%, 57%)
HSB
hsb(14, 57%, 80%)
CMYK
cmyk(0%, 44%, 57%, 20%)
Oklch
oklch(64.9% 0.119 37.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D1C2A1

Goose Yellow · Tan · Sunflower

HEX
#D1C2A1
RGB
rgb(209, 194, 161)
HSL
hsl(41, 34%, 73%)
HSB
hsb(41, 23%, 82%)
CMYK
cmyk(0%, 7%, 23%, 18%)
Oklch
oklch(81.8% 0.048 86.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A7972
708289

Analogous

897076
8A7972
898470

Triadic

8A7972
708978
787089

Split-Comp.

8A7972
708984
707689

Tetradic

8A7972
768970
708289
847089

Contrast Matrix WCAG 2.1 Contrast

8A7972
6F4F5C
9E615A
CC7358
D1C2A1
—
1.7
Fail
1.2
Fail
1.2
Fail
2.4
Fail
1.7
Fail
—
1.5
Fail
2.1
Fail
4.0
AA Large
1.2
Fail
1.5
Fail
—
1.4
Fail
2.8
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
1.9
Fail
2.4
Fail
4.0
AA Large
2.8
Fail
1.9
Fail
—
White BG
4.2AA Large
7.1AAA
4.9AA
3.4AA Large
1.8Fail
Black BG
5.1AA
2.9Fail
4.3AA Large
6.2AA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838274
616159
84835C
A5A55F
CBCAA9

Deuteranopia

848574
636558
878C5C
ABB160
CBCCAB

Tritanopia

897575
6D5656
9B5D5D
C86465
D0AFB1

Achromatopsia

7D7D7D
5A5A5A
727272
8B8B8B
C3C3C3

Shades & Tints Shades & Tints

#8A7972

Dark
Light

#6F4F5C

Dark
Light

#9E615A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a7972;
  --color-2: #6f4f5c;
  --color-3: #9e615a;
  --color-4: #cc7358;
  --color-5: #d1c2a1;
}

SCSS

$color-1: #8a7972;
$color-2: #6f4f5c;
$color-3: #9e615a;
$color-4: #cc7358;
$color-5: #d1c2a1;

TAILWIND

colors: {
  'brand-1': '#8a7972',
  'brand-2': '#6f4f5c',
  'brand-3': '#9e615a',
  'brand-4': '#cc7358',
  'brand-5': '#d1c2a1',
}

RGB Array

[138, 121, 114], [111, 79, 92], [158, 97, 90], [204, 115, 88], [209, 194, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #8A7972, #6F4F5C, #9E615A, #CC7358, #D1C2A1 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. 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: #8a7972; --color-2: #6f4f5c; --color-3: #9e615a; --color-4: #cc7358; --color-5: #d1c2a1. 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. 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