← Back to Editor

#D7A931 · #E2A47D · #D7BC9F · #D6CCB1 · #040301

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 LibraryData Visualization

Color Details Color Details

#D7A931

Ginger · GoldenRod · Sunflower

HEX
#D7A931
RGB
rgb(215, 169, 49)
HSL
hsl(43, 67%, 52%)
HSB
hsb(43, 77%, 84%)
CMYK
cmyk(0%, 21%, 77%, 16%)
Oklch
oklch(75.7% 0.140 86.4)

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

#E2A47D

Apricot · DarkSalmon · Warm Sun

HEX
#E2A47D
RGB
rgb(226, 164, 125)
HSL
hsl(23, 64%, 69%)
HSB
hsb(23, 45%, 89%)
CMYK
cmyk(0%, 27%, 45%, 11%)
Oklch
oklch(76.9% 0.091 53.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D7BC9F

Goose Yellow · Tan · Warm Sun

HEX
#D7BC9F
RGB
rgb(215, 188, 159)
HSL
hsl(31, 41%, 73%)
HSB
hsb(31, 26%, 84%)
CMYK
cmyk(0%, 13%, 26%, 16%)
Oklch
oklch(81.1% 0.050 69.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D6CCB1

Goose Yellow · Silver · Lemon Cream

HEX
#D6CCB1
RGB
rgb(214, 204, 177)
HSL
hsl(44, 31%, 77%)
HSB
hsb(44, 17%, 84%)
CMYK
cmyk(0%, 5%, 17%, 16%)
Oklch
oklch(84.6% 0.038 90.1)

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

#040301

Ochre · Black · Amber Gold

HEX
#040301
RGB
rgb(4, 3, 1)
HSL
hsl(40, 60%, 1%)
HSB
hsb(40, 75%, 2%)
CMYK
cmyk(0%, 25%, 75%, 98%)
Oklch
oklch(9.8% 0.012 90.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7A931
3361D7

Analogous

D75633
D7A931
B3D733

Triadic

D7A931
33D7A8
A833D7

Split-Comp.

D7A931
33B3D7
5633D7

Tetradic

D7A931
33D756
3361D7
D733B3

Contrast Matrix WCAG 2.1 Contrast

D7A931
E2A47D
D7BC9F
D6CCB1
040301
—
1.0
Fail
1.2
Fail
1.4
Fail
9.4
AAA
1.0
Fail
—
1.2
Fail
1.3
Fail
9.7
AAA
1.2
Fail
1.2
Fail
—
1.1
Fail
11.4
AAA
1.4
Fail
1.3
Fail
1.1
Fail
—
12.9
AAA
9.4
AAA
9.7
AAA
11.4
AAA
12.9
AAA
—
White BG
2.2Fail
2.1Fail
1.8Fail
1.6Fail
20.6AAA
Black BG
9.6AAA
9.8AAA
11.6AAA
13.1AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C34E
C7C786
CBCBA6
D2D2B8
040401

Deuteranopia

C6C955
CBCF89
CDCFA8
D2D3B9
040402

Tritanopia

D5656A
DF8E90
D6ACAD
D5BDBE
040202

Achromatopsia

A9A9A9
B2B2B2
C1C1C1
CCCCCC
030303

Shades & Tints Shades & Tints

#D7A931

Dark
Light

#E2A47D

Dark
Light

#D7BC9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7a931;
  --color-2: #e2a47d;
  --color-3: #d7bc9f;
  --color-4: #d6ccb1;
  --color-5: #040301;
}

SCSS

$color-1: #d7a931;
$color-2: #e2a47d;
$color-3: #d7bc9f;
$color-4: #d6ccb1;
$color-5: #040301;

TAILWIND

colors: {
  'brand-1': '#d7a931',
  'brand-2': '#e2a47d',
  'brand-3': '#d7bc9f',
  'brand-4': '#d6ccb1',
  'brand-5': '#040301',
}

RGB Array

[215, 169, 49], [226, 164, 125], [215, 188, 159], [214, 204, 177], [4, 3, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D7A931, #E2A47D, #D7BC9F, #D6CCB1, #040301 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: #d7a931; --color-2: #e2a47d; --color-3: #d7bc9f; --color-4: #d6ccb1; --color-5: #040301. 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