← Back to Editor

#DEA599 · #E0AF9B · #D9BA9E · #BAC2A5 · #A6C7A8

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

#DEA599

Peach Pink · Tan · Coral Red

HEX
#DEA599
RGB
rgb(222, 165, 153)
HSL
hsl(10, 51%, 74%)
HSB
hsb(10, 31%, 87%)
CMYK
cmyk(0%, 26%, 31%, 13%)
Oklch
oklch(77.2% 0.070 32.1)

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

#E0AF9B

Apricot · Tan · Warm Sun

HEX
#E0AF9B
RGB
rgb(224, 175, 155)
HSL
hsl(17, 53%, 74%)
HSB
hsb(17, 31%, 88%)
CMYK
cmyk(0%, 22%, 31%, 12%)
Oklch
oklch(79.3% 0.064 43.3)

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

#D9BA9E

Apricot · Tan · Warm Sun

HEX
#D9BA9E
RGB
rgb(217, 186, 158)
HSL
hsl(28, 44%, 74%)
HSB
hsb(28, 27%, 85%)
CMYK
cmyk(0%, 14%, 27%, 15%)
Oklch
oklch(80.9% 0.052 64.1)

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

#BAC2A5

Willow Green · Silver · Apple Green

HEX
#BAC2A5
RGB
rgb(186, 194, 165)
HSL
hsl(77, 19%, 70%)
HSB
hsb(77, 15%, 76%)
CMYK
cmyk(4%, 0%, 15%, 24%)
Oklch
oklch(80.0% 0.041 119.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#A6C7A8

Celadon · DarkGray · Apple Green

HEX
#A6C7A8
RGB
rgb(166, 199, 168)
HSL
hsl(124, 23%, 72%)
HSB
hsb(124, 17%, 78%)
CMYK
cmyk(17%, 0%, 16%, 22%)
Oklch
oklch(79.7% 0.056 146.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEA599
9BD3DF

Analogous

DF9BB1
DEA599
DFC89B

Triadic

DEA599
9BDFA6
A69BDF

Split-Comp.

DEA599
9BDFC8
9BB1DF

Tetradic

DEA599
B1DF9B
9BD3DF
C89BDF

Contrast Matrix WCAG 2.1 Contrast

DEA599
E0AF9B
D9BA9E
BAC2A5
A6C7A8
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
White BG
2.1Fail
1.9Fail
1.8Fail
1.9Fail
1.8Fail
Black BG
9.9AAA
10.8AAA
11.5AAA
11.3AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C59C
CBCAA0
CCCBA5
BDBEAC
B4B5B0

Deuteranopia

C9CD9D
CED1A1
CDD0A6
BDBCAE
B2B0B1

Tritanopia

DB9E9F
DEA4A5
D7AAAB
BAB2B3
A8B5B7

Achromatopsia

B5B5B5
BBBBBB
C0C0C0
BCBCBC
BABABA

Shades & Tints Shades & Tints

#DEA599

Dark
Light

#E0AF9B

Dark
Light

#D9BA9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dea599;
  --color-2: #e0af9b;
  --color-3: #d9ba9e;
  --color-4: #bac2a5;
  --color-5: #a6c7a8;
}

SCSS

$color-1: #dea599;
$color-2: #e0af9b;
$color-3: #d9ba9e;
$color-4: #bac2a5;
$color-5: #a6c7a8;

TAILWIND

colors: {
  'brand-1': '#dea599',
  'brand-2': '#e0af9b',
  'brand-3': '#d9ba9e',
  'brand-4': '#bac2a5',
  'brand-5': '#a6c7a8',
}

RGB Array

[222, 165, 153], [224, 175, 155], [217, 186, 158], [186, 194, 165], [166, 199, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEA599, #E0AF9B, #D9BA9E, #BAC2A5, #A6C7A8 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: #dea599; --color-2: #e0af9b; --color-3: #d9ba9e; --color-4: #bac2a5; --color-5: #a6c7a8. 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