← Back to Editor

#9C4456 · #8F8972 · #C2AF6D · #E6DCBA · #10B38A

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#9C4456

Crimson · Sienna · Passion Red

HEX
#9C4456
RGB
rgb(156, 68, 86)
HSL
hsl(348, 39%, 44%)
HSB
hsb(348, 56%, 61%)
CMYK
cmyk(0%, 56%, 45%, 39%)
Oklch
oklch(50.7% 0.118 9.6)

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

#8F8972

Ochre · Gray · Honey Gold

HEX
#8F8972
RGB
rgb(143, 137, 114)
HSL
hsl(48, 11%, 50%)
HSB
hsb(48, 20%, 56%)
CMYK
cmyk(0%, 4%, 20%, 44%)
Oklch
oklch(62.9% 0.034 95.1)

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

#C2AF6D

Ginger · Tan · Sunflower

HEX
#C2AF6D
RGB
rgb(194, 175, 109)
HSL
hsl(47, 41%, 59%)
HSB
hsb(47, 44%, 76%)
CMYK
cmyk(0%, 10%, 44%, 24%)
Oklch
oklch(75.5% 0.088 93.9)

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

#E6DCBA

Goose Yellow · Wheat · Lemon Cream

HEX
#E6DCBA
RGB
rgb(230, 220, 186)
HSL
hsl(46, 47%, 82%)
HSB
hsb(46, 19%, 90%)
CMYK
cmyk(0%, 4%, 19%, 10%)
Oklch
oklch(89.4% 0.046 93.5)

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

#10B38A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#10B38A
RGB
rgb(16, 179, 138)
HSL
hsl(165, 84%, 38%)
HSB
hsb(165, 91%, 70%)
CMYK
cmyk(91%, 0%, 23%, 30%)
Oklch
oklch(68.2% 0.135 168.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C4456
449C8A

Analogous

9C4482
9C4456
9C5F44

Triadic

9C4456
569C44
44569C

Split-Comp.

9C4456
449C5F
44829C

Tetradic

9C4456
829C44
449C8A
5F449C

Contrast Matrix WCAG 2.1 Contrast

9C4456
8F8972
C2AF6D
E6DCBA
10B38A
—
1.8
Fail
2.9
Fail
4.5
AA
2.3
Fail
1.8
Fail
—
1.6
Fail
2.6
Fail
1.3
Fail
2.9
Fail
1.6
Fail
—
1.6
Fail
1.2
Fail
4.5
AA
2.6
Fail
1.6
Fail
—
2.0
Fail
2.3
Fail
1.3
Fail
1.2
Fail
2.0
Fail
—
White BG
6.2AA
3.5AA Large
2.2Fail
1.4Fail
2.7Fail
Black BG
3.4AA Large
6.0AA
9.6AAA
15.3AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

767552
8C8C78
BABA7D
E2E2C2
575894

Deuteranopia

7B8251
8D8D79
BBBC81
E2E3C4
4D4196

Tritanopia

984E4D
8F7C7D
C18A8C
E6C9CA
189C9D

Achromatopsia

606060
888888
ADADAD
DBDBDB
7E7E7E

Shades & Tints Shades & Tints

#9C4456

Dark
Light

#8F8972

Dark
Light

#C2AF6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c4456;
  --color-2: #8f8972;
  --color-3: #c2af6d;
  --color-4: #e6dcba;
  --color-5: #10b38a;
}

SCSS

$color-1: #9c4456;
$color-2: #8f8972;
$color-3: #c2af6d;
$color-4: #e6dcba;
$color-5: #10b38a;

TAILWIND

colors: {
  'brand-1': '#9c4456',
  'brand-2': '#8f8972',
  'brand-3': '#c2af6d',
  'brand-4': '#e6dcba',
  'brand-5': '#10b38a',
}

RGB Array

[156, 68, 86], [143, 137, 114], [194, 175, 109], [230, 220, 186], [16, 179, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #9C4456, #8F8972, #C2AF6D, #E6DCBA, #10B38A is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9c4456; --color-2: #8f8972; --color-3: #c2af6d; --color-4: #e6dcba; --color-5: #10b38a. 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. 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