← Back to Editor

#DA9A90 · #CCB1AA · #D3BF9A · #D4BE8C · #E4C575

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DA9A90

Peach Pink · DarkSalmon · Coral Red

HEX
#DA9A90
RGB
rgb(218, 154, 144)
HSL
hsl(8, 50%, 71%)
HSB
hsb(8, 34%, 85%)
CMYK
cmyk(0%, 29%, 34%, 15%)
Oklch
oklch(74.6% 0.079 29.0)

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

#CCB1AA

Peach Pink · Silver · Coral Red

HEX
#CCB1AA
RGB
rgb(204, 177, 170)
HSL
hsl(12, 25%, 73%)
HSB
hsb(12, 17%, 80%)
CMYK
cmyk(0%, 13%, 17%, 20%)
Oklch
oklch(78.2% 0.033 34.9)

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

#D3BF9A

Goose Yellow · Tan · Warm Sun

HEX
#D3BF9A
RGB
rgb(211, 191, 154)
HSL
hsl(39, 39%, 72%)
HSB
hsb(39, 27%, 83%)
CMYK
cmyk(0%, 9%, 27%, 17%)
Oklch
oklch(81.2% 0.055 82.8)

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

#D4BE8C

Ginger · Tan · Sunflower

HEX
#D4BE8C
RGB
rgb(212, 190, 140)
HSL
hsl(42, 46%, 69%)
HSB
hsb(42, 34%, 83%)
CMYK
cmyk(0%, 10%, 34%, 17%)
Oklch
oklch(80.8% 0.070 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E4C575

Ginger · BurlyWood · Sunflower

HEX
#E4C575
RGB
rgb(228, 197, 117)
HSL
hsl(43, 67%, 68%)
HSB
hsb(43, 49%, 89%)
CMYK
cmyk(0%, 14%, 49%, 11%)
Oklch
oklch(83.3% 0.106 88.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA9A90
90D0DA

Analogous

DA90AB
DA9A90
DABF90

Triadic

DA9A90
90DA9A
9A90DA

Split-Comp.

DA9A90
90DABF
90ABDA

Tetradic

DA9A90
ABDA90
90D0DA
BF90DA

Contrast Matrix WCAG 2.1 Contrast

DA9A90
CCB1AA
D3BF9A
D4BE8C
E4C575
—
1.2
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
2.3Fail
2.0Fail
1.8Fail
1.8Fail
1.7Fail
Black BG
9.0AAA
10.4AAA
11.7AAA
11.5AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE92
C0C0AC
CACAA3
CACA98
D7D688

Deuteranopia

C2C793
C2C4AC
CCCDA5
CCCD9B
D8DB8D

Tritanopia

D79495
CBADAD
D2AAAC
D3A2A4
E2989B

Achromatopsia

ACACAC
B8B8B8
C1C1C1
BFBFBF
C5C5C5

Shades & Tints Shades & Tints

#DA9A90

Dark
Light

#CCB1AA

Dark
Light

#D3BF9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da9a90;
  --color-2: #ccb1aa;
  --color-3: #d3bf9a;
  --color-4: #d4be8c;
  --color-5: #e4c575;
}

SCSS

$color-1: #da9a90;
$color-2: #ccb1aa;
$color-3: #d3bf9a;
$color-4: #d4be8c;
$color-5: #e4c575;

TAILWIND

colors: {
  'brand-1': '#da9a90',
  'brand-2': '#ccb1aa',
  'brand-3': '#d3bf9a',
  'brand-4': '#d4be8c',
  'brand-5': '#e4c575',
}

RGB Array

[218, 154, 144], [204, 177, 170], [211, 191, 154], [212, 190, 140], [228, 197, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DA9A90, #CCB1AA, #D3BF9A, #D4BE8C, #E4C575 is ideal for: health products, baby brands, fresh-style blogs. 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: #da9a90; --color-2: #ccb1aa; --color-3: #d3bf9a; --color-4: #d4be8c; --color-5: #e4c575. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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