← Back to Editor

#231512 · #E0CA8E · #C17670 · #9A8E2A · #827B35

A 5-color palette 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

#231512

Crimson · Black · Deep Berry

HEX
#231512
RGB
rgb(35, 21, 18)
HSL
hsl(11, 32%, 10%)
HSB
hsb(11, 49%, 14%)
CMYK
cmyk(0%, 40%, 49%, 86%)
Oklch
oklch(21.3% 0.024 32.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#E0CA8E

Goose Yellow · BurlyWood · Sunflower

HEX
#E0CA8E
RGB
rgb(224, 202, 142)
HSL
hsl(44, 57%, 72%)
HSB
hsb(44, 37%, 88%)
CMYK
cmyk(0%, 10%, 37%, 12%)
Oklch
oklch(84.3% 0.081 90.2)

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

#C17670

Crimson · LightCoral · Passion Red

HEX
#C17670
RGB
rgb(193, 118, 112)
HSL
hsl(4, 40%, 60%)
HSB
hsb(4, 42%, 76%)
CMYK
cmyk(0%, 39%, 42%, 24%)
Oklch
oklch(64.5% 0.095 25.0)

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

#9A8E2A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9A8E2A
RGB
rgb(154, 142, 42)
HSL
hsl(54, 57%, 38%)
HSB
hsb(54, 73%, 60%)
CMYK
cmyk(0%, 8%, 73%, 40%)
Oklch
oklch(63.9% 0.118 102.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#827B35

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#827B35
RGB
rgb(130, 123, 53)
HSL
hsl(55, 42%, 36%)
HSB
hsb(55, 59%, 51%)
CMYK
cmyk(0%, 5%, 59%, 49%)
Oklch
oklch(57.4% 0.092 103.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

231512
111F22

Analogous

221117
231512
221C11

Triadic

231512
112214
141122

Split-Comp.

231512
11221C
111722

Tetradic

231512
172211
111F22
1C1122

Contrast Matrix WCAG 2.1 Contrast

231512
E0CA8E
C17670
9A8E2A
827B35
—
11.0
AAA
5.1
AA
5.3
AA
4.1
AA Large
11.0
AAA
—
2.1
Fail
2.1
Fail
2.7
Fail
5.1
AA
2.1
Fail
—
1.0
Fail
1.3
Fail
5.3
AA
2.1
Fail
1.0
Fail
—
1.3
Fail
4.1
AA Large
2.7
Fail
1.3
Fail
1.3
Fail
—
White BG
17.7AAA
1.6Fail
3.4AA Large
3.3AA Large
4.3AA Large
Black BG
1.2Fail
13.0AAA
6.1AA
6.3AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D13
D6D69D
A1A071
959542
7F7F46

Deuteranopia

1E1F13
D8D9A0
A5AB72
969648
7F804A

Tritanopia

221313
DFA8AB
BD7373
99555A
825356

Achromatopsia

191919
CACACA
8C8C8C
868686
757575

Shades & Tints Shades & Tints

#231512

Dark
Light

#E0CA8E

Dark
Light

#C17670

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #231512;
  --color-2: #e0ca8e;
  --color-3: #c17670;
  --color-4: #9a8e2a;
  --color-5: #827b35;
}

SCSS

$color-1: #231512;
$color-2: #e0ca8e;
$color-3: #c17670;
$color-4: #9a8e2a;
$color-5: #827b35;

TAILWIND

colors: {
  'brand-1': '#231512',
  'brand-2': '#e0ca8e',
  'brand-3': '#c17670',
  'brand-4': '#9a8e2a',
  'brand-5': '#827b35',
}

RGB Array

[35, 21, 18], [224, 202, 142], [193, 118, 112], [154, 142, 42], [130, 123, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #231512, #E0CA8E, #C17670, #9A8E2A, #827B35 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: #231512; --color-2: #e0ca8e; --color-3: #c17670; --color-4: #9a8e2a; --color-5: #827b35. 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 general-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