← Back to Editor

#DCD5A7 · #C23F15 · #524522 · #2F2F13 · #EB5429

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

#DCD5A7

Fresh Green · Wheat · Lemon Cream

HEX
#DCD5A7
RGB
rgb(220, 213, 167)
HSL
hsl(52, 43%, 76%)
HSB
hsb(52, 24%, 86%)
CMYK
cmyk(0%, 3%, 24%, 14%)
Oklch
oklch(86.7% 0.061 100.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C23F15

Tangerine · FireBrick · Amber Brown

HEX
#C23F15
RGB
rgb(194, 63, 21)
HSL
hsl(15, 80%, 42%)
HSB
hsb(15, 89%, 76%)
CMYK
cmyk(0%, 68%, 89%, 24%)
Oklch
oklch(55.2% 0.174 36.5)

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

#524522

Ochre · DarkOliveGreen · Amber Gold

HEX
#524522
RGB
rgb(82, 69, 34)
HSL
hsl(44, 41%, 23%)
HSB
hsb(44, 59%, 32%)
CMYK
cmyk(0%, 16%, 59%, 68%)
Oklch
oklch(39.5% 0.054 89.4)

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

#2F2F13

Autumn Sage · DarkSlateGray · Amber Gold

HEX
#2F2F13
RGB
rgb(47, 47, 19)
HSL
hsl(60, 42%, 13%)
HSB
hsb(60, 60%, 18%)
CMYK
cmyk(0%, 0%, 60%, 82%)
Oklch
oklch(29.8% 0.045 108.8)

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

#EB5429

Vermilion · Chocolate · Passion Red

HEX
#EB5429
RGB
rgb(235, 84, 41)
HSL
hsl(13, 83%, 54%)
HSB
hsb(13, 83%, 92%)
CMYK
cmyk(0%, 64%, 83%, 8%)
Oklch
oklch(64.4% 0.195 36.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DCD5A7
A7AFDC

Analogous

DCBBA7
DCD5A7
C9DCA7

Triadic

DCD5A7
A7DCD5
D5A7DC

Split-Comp.

DCD5A7
A7C9DC
BBA7DC

Tetradic

DCD5A7
A7DCBB
A7AFDC
DCA7C9

Contrast Matrix WCAG 2.1 Contrast

DCD5A7
C23F15
524522
2F2F13
EB5429
—
3.5
AA Large
6.3
AA
9.2
AAA
2.4
Fail
3.5
AA Large
—
1.8
Fail
2.6
Fail
1.5
Fail
6.3
AA
1.8
Fail
—
1.5
Fail
2.6
Fail
9.2
AAA
2.6
Fail
1.5
Fail
—
3.8
AA Large
2.4
Fail
1.5
Fail
2.6
Fail
3.8
AA Large
—
White BG
1.5Fail
5.2AA
9.4AAA
13.7AAA
3.6AA Large
Black BG
14.1AAA
4.0AA Large
2.2Fail
1.5Fail
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9B2
89881F
4C4C2A
2F2F1A
AAA833

Deuteranopia

D9DAB5
919B22
4D4E2D
2F2F1B
B2BE36

Tritanopia

DCBBBD
BB2729
513133
2F1F20
E33C3D

Achromatopsia

D2D2D2
616161
454545
2C2C2C
7C7C7C

Shades & Tints Shades & Tints

#DCD5A7

Dark
Light

#C23F15

Dark
Light

#524522

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dcd5a7;
  --color-2: #c23f15;
  --color-3: #524522;
  --color-4: #2f2f13;
  --color-5: #eb5429;
}

SCSS

$color-1: #dcd5a7;
$color-2: #c23f15;
$color-3: #524522;
$color-4: #2f2f13;
$color-5: #eb5429;

TAILWIND

colors: {
  'brand-1': '#dcd5a7',
  'brand-2': '#c23f15',
  'brand-3': '#524522',
  'brand-4': '#2f2f13',
  'brand-5': '#eb5429',
}

RGB Array

[220, 213, 167], [194, 63, 21], [82, 69, 34], [47, 47, 19], [235, 84, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DCD5A7, #C23F15, #524522, #2F2F13, #EB5429 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: #dcd5a7; --color-2: #c23f15; --color-3: #524522; --color-4: #2f2f13; --color-5: #eb5429. 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