← Back to Editor

#DAB89F · #B49D97 · #D9AEA5 · #DDAD85 · #E2A890

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

#DAB89F

Apricot · Tan · Warm Sun

HEX
#DAB89F
RGB
rgb(218, 184, 159)
HSL
hsl(25, 44%, 74%)
HSB
hsb(25, 27%, 85%)
CMYK
cmyk(0%, 16%, 27%, 15%)
Oklch
oklch(80.6% 0.052 58.2)

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

#B49D97

Peach Pink · DarkGray · Coral Red

HEX
#B49D97
RGB
rgb(180, 157, 151)
HSL
hsl(12, 16%, 65%)
HSB
hsb(12, 16%, 71%)
CMYK
cmyk(0%, 13%, 16%, 29%)
Oklch
oklch(71.5% 0.029 35.0)

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

#D9AEA5

Peach Pink · Tan · Coral Red

HEX
#D9AEA5
RGB
rgb(217, 174, 165)
HSL
hsl(10, 41%, 75%)
HSB
hsb(10, 24%, 85%)
CMYK
cmyk(0%, 20%, 24%, 15%)
Oklch
oklch(78.7% 0.052 31.9)

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

#DDAD85

Apricot · BurlyWood · Warm Sun

HEX
#DDAD85
RGB
rgb(221, 173, 133)
HSL
hsl(27, 56%, 69%)
HSB
hsb(27, 40%, 87%)
CMYK
cmyk(0%, 22%, 40%, 13%)
Oklch
oklch(78.2% 0.078 61.1)

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

#E2A890

Apricot · BurlyWood · Warm Sun

HEX
#E2A890
RGB
rgb(226, 168, 144)
HSL
hsl(18, 59%, 73%)
HSB
hsb(18, 36%, 89%)
CMYK
cmyk(0%, 26%, 36%, 11%)
Oklch
oklch(78.0% 0.077 43.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAB89F
A0C2DA

Analogous

DAA0A4
DAB89F
DAD5A0

Triadic

DAB89F
A0DAB8
B8A0DA

Split-Comp.

DAB89F
A0DAD5
A0A4DA

Tetradic

DAB89F
A4DAA0
A0C2DA
D5A0DA

Contrast Matrix WCAG 2.1 Contrast

DAB89F
B49D97
D9AEA5
DDAD85
E2A890
—
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
White BG
1.9Fail
2.6Fail
2.0Fail
2.0Fail
2.1Fail
Black BG
11.3AAA
8.2AAA
10.5AAA
10.4AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBA5
AAAA98
C6C6A7
C8C88F
C9C896

Deuteranopia

CDD0A7
ABAD99
C9CCA8
CBCF91
CCD197

Tritanopia

D8AAAB
B39A9A
D7A9A9
DB9698
DF9A9B

Achromatopsia

BFBFBF
A3A3A3
BABABA
B7B7B7
B7B7B7

Shades & Tints Shades & Tints

#DAB89F

Dark
Light

#B49D97

Dark
Light

#D9AEA5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dab89f;
  --color-2: #b49d97;
  --color-3: #d9aea5;
  --color-4: #ddad85;
  --color-5: #e2a890;
}

SCSS

$color-1: #dab89f;
$color-2: #b49d97;
$color-3: #d9aea5;
$color-4: #ddad85;
$color-5: #e2a890;

TAILWIND

colors: {
  'brand-1': '#dab89f',
  'brand-2': '#b49d97',
  'brand-3': '#d9aea5',
  'brand-4': '#ddad85',
  'brand-5': '#e2a890',
}

RGB Array

[218, 184, 159], [180, 157, 151], [217, 174, 165], [221, 173, 133], [226, 168, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAB89F, #B49D97, #D9AEA5, #DDAD85, #E2A890 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: #dab89f; --color-2: #b49d97; --color-3: #d9aea5; --color-4: #ddad85; --color-5: #e2a890. 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