← Back to Editor

#D5CCAD · #A18253 · #7B621F · #42475B · #1C150F

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

#D5CCAD

Goose Yellow · Silver · Lemon Cream

HEX
#D5CCAD
RGB
rgb(213, 204, 173)
HSL
hsl(47, 32%, 76%)
HSB
hsb(47, 19%, 84%)
CMYK
cmyk(0%, 4%, 19%, 16%)
Oklch
oklch(84.4% 0.043 93.7)

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

#A18253

Ochre · Gray · Amber Brown

HEX
#A18253
RGB
rgb(161, 130, 83)
HSL
hsl(36, 32%, 48%)
HSB
hsb(36, 48%, 63%)
CMYK
cmyk(0%, 19%, 48%, 37%)
Oklch
oklch(62.5% 0.074 77.1)

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

#7B621F

Ochre · DarkOliveGreen · Honey Gold

HEX
#7B621F
RGB
rgb(123, 98, 31)
HSL
hsl(44, 60%, 30%)
HSB
hsb(44, 75%, 48%)
CMYK
cmyk(0%, 20%, 75%, 52%)
Oklch
oklch(50.8% 0.089 87.8)

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

#42475B

Indigo · DarkSlateGray · Prussian Blue

HEX
#42475B
RGB
rgb(66, 71, 91)
HSL
hsl(228, 16%, 31%)
HSB
hsb(228, 27%, 36%)
CMYK
cmyk(27%, 22%, 0%, 64%)
Oklch
oklch(40.2% 0.034 273.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#1C150F

Tangerine · Black · Cinnamon

HEX
#1C150F
RGB
rgb(28, 21, 15)
HSL
hsl(28, 30%, 8%)
HSB
hsb(28, 46%, 11%)
CMYK
cmyk(0%, 25%, 46%, 89%)
Oklch
oklch(20.2% 0.016 62.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5CCAD
AEB7D5

Analogous

D5B9AE
D5CCAD
CAD5AE

Triadic

D5CCAD
AED5CD
CDAED5

Split-Comp.

D5CCAD
AECAD5
B9AED5

Tetradic

D5CCAD
AED5B9
AEB7D5
D5AECA

Contrast Matrix WCAG 2.1 Contrast

D5CCAD
A18253
7B621F
42475B
1C150F
—
2.2
Fail
3.6
AA Large
5.7
AA
11.2
AAA
2.2
Fail
—
1.6
Fail
2.6
Fail
5.0
AA
3.6
AA Large
1.6
Fail
—
1.6
Fail
3.1
AA Large
5.7
AA
2.6
Fail
1.6
Fail
—
2.0
Fail
11.2
AAA
5.0
AA
3.1
AA Large
2.0
Fail
—
White BG
1.6Fail
3.6AA Large
5.8AA
9.2AAA
18.0AAA
Black BG
13.1AAA
5.8AA
3.6AA Large
2.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1B5
94935E
70702F
444456
191910

Deuteranopia

D2D2B6
959861
727433
444455
191A11

Tritanopia

D5BABC
9F6769
7A3C3F
425252
1C1212

Achromatopsia

CBCBCB
868686
626262
484848
161616

Shades & Tints Shades & Tints

#D5CCAD

Dark
Light

#A18253

Dark
Light

#7B621F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5ccad;
  --color-2: #a18253;
  --color-3: #7b621f;
  --color-4: #42475b;
  --color-5: #1c150f;
}

SCSS

$color-1: #d5ccad;
$color-2: #a18253;
$color-3: #7b621f;
$color-4: #42475b;
$color-5: #1c150f;

TAILWIND

colors: {
  'brand-1': '#d5ccad',
  'brand-2': '#a18253',
  'brand-3': '#7b621f',
  'brand-4': '#42475b',
  'brand-5': '#1c150f',
}

RGB Array

[213, 204, 173], [161, 130, 83], [123, 98, 31], [66, 71, 91], [28, 21, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5CCAD, #A18253, #7B621F, #42475B, #1C150F is ideal for: tech websites, dark mode UIs, game UIs, 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: #d5ccad; --color-2: #a18253; --color-3: #7b621f; --color-4: #42475b; --color-5: #1c150f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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