← Back to Editor

#D1C471 · #C7988F · #AD79A1 · #6C617D · #3C2C40

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

#D1C471

Fresh Green · BurlyWood · Sunflower

HEX
#D1C471
RGB
rgb(209, 196, 113)
HSL
hsl(52, 51%, 63%)
HSB
hsb(52, 46%, 82%)
CMYK
cmyk(0%, 6%, 46%, 18%)
Oklch
oklch(81.3% 0.105 100.5)

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

#C7988F

Peach Pink · Tan · Coral Red

HEX
#C7988F
RGB
rgb(199, 152, 143)
HSL
hsl(10, 33%, 67%)
HSB
hsb(10, 28%, 78%)
CMYK
cmyk(0%, 24%, 28%, 22%)
Oklch
oklch(72.1% 0.058 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AD79A1

Rose Purple · DarkGray · Violet

HEX
#AD79A1
RGB
rgb(173, 121, 161)
HSL
hsl(314, 24%, 58%)
HSB
hsb(314, 30%, 68%)
CMYK
cmyk(0%, 30%, 7%, 32%)
Oklch
oklch(64.2% 0.084 335.1)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#6C617D

Deep Indigo · DimGray · Violet

HEX
#6C617D
RGB
rgb(108, 97, 125)
HSL
hsl(264, 13%, 44%)
HSB
hsb(264, 22%, 49%)
CMYK
cmyk(14%, 22%, 0%, 51%)
Oklch
oklch(51.3% 0.045 302.7)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#3C2C40

Dark Plum · DarkSlateGray · Eggplant

HEX
#3C2C40
RGB
rgb(60, 44, 64)
HSL
hsl(288, 19%, 21%)
HSB
hsb(288, 31%, 25%)
CMYK
cmyk(6%, 31%, 0%, 75%)
Oklch
oklch(32.0% 0.041 319.5)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C471
717DD1

Analogous

D19471
D1C471
ADD171

Triadic

D1C471
71D1C4
C471D1

Split-Comp.

D1C471
71ADD1
9471D1

Tetradic

D1C471
71D194
717DD1
D171AD

Contrast Matrix WCAG 2.1 Contrast

D1C471
C7988F
AD79A1
6C617D
3C2C40
—
1.4
Fail
2.0
Fail
3.3
AA Large
7.3
AAA
1.4
Fail
—
1.4
Fail
2.3
Fail
5.1
AA
2.0
Fail
1.4
Fail
—
1.7
Fail
3.7
AA Large
3.3
AA Large
2.3
Fail
1.7
Fail
—
2.2
Fail
7.3
AAA
5.1
AA
3.7
AA Large
2.2
Fail
—
White BG
1.8Fail
2.5Fail
3.5AA Large
5.8AA
12.9AAA
Black BG
11.8AAA
8.3AAA
6.0AA
3.6AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB85
B3B291
969697
676776
35353B

Deuteranopia

CCCD8A
B5B992
9A9D95
686975
36373A

Tritanopia

D09598
C59393
AA908E
6B7170
3B3737

Achromatopsia

BEBEBE
A5A5A5
8D8D8D
676767
333333

Shades & Tints Shades & Tints

#D1C471

Dark
Light

#C7988F

Dark
Light

#AD79A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c471;
  --color-2: #c7988f;
  --color-3: #ad79a1;
  --color-4: #6c617d;
  --color-5: #3c2c40;
}

SCSS

$color-1: #d1c471;
$color-2: #c7988f;
$color-3: #ad79a1;
$color-4: #6c617d;
$color-5: #3c2c40;

TAILWIND

colors: {
  'brand-1': '#d1c471',
  'brand-2': '#c7988f',
  'brand-3': '#ad79a1',
  'brand-4': '#6c617d',
  'brand-5': '#3c2c40',
}

RGB Array

[209, 196, 113], [199, 152, 143], [173, 121, 161], [108, 97, 125], [60, 44, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D1C471, #C7988F, #AD79A1, #6C617D, #3C2C40 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d1c471; --color-2: #c7988f; --color-3: #ad79a1; --color-4: #6c617d; --color-5: #3c2c40. 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. Restrained colors convey professionalism and trust. 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