← Back to Editor

#E79786 · #DBA58C · #CAAF8D · #C5B79C · #CAB0A4

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

#E79786

Peach Pink · DarkSalmon · Coral Red

HEX
#E79786
RGB
rgb(231, 151, 134)
HSL
hsl(11, 67%, 72%)
HSB
hsb(11, 42%, 91%)
CMYK
cmyk(0%, 35%, 42%, 9%)
Oklch
oklch(75.3% 0.100 32.6)

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

#DBA58C

Apricot · Tan · Warm Sun

HEX
#DBA58C
RGB
rgb(219, 165, 140)
HSL
hsl(19, 52%, 70%)
HSB
hsb(19, 36%, 86%)
CMYK
cmyk(0%, 25%, 36%, 14%)
Oklch
oklch(76.6% 0.073 46.0)

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

#CAAF8D

Ginger · Tan · Warm Sun

HEX
#CAAF8D
RGB
rgb(202, 175, 141)
HSL
hsl(33, 37%, 67%)
HSB
hsb(33, 30%, 79%)
CMYK
cmyk(0%, 13%, 30%, 21%)
Oklch
oklch(76.9% 0.056 73.2)

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

#C5B79C

Ginger · Tan · Sunflower

HEX
#C5B79C
RGB
rgb(197, 183, 156)
HSL
hsl(40, 26%, 69%)
HSB
hsb(40, 21%, 77%)
CMYK
cmyk(0%, 7%, 21%, 23%)
Oklch
oklch(78.4% 0.040 83.8)

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

#CAB0A4

Apricot · Tan · Warm Sun

HEX
#CAB0A4
RGB
rgb(202, 176, 164)
HSL
hsl(19, 26%, 72%)
HSB
hsb(19, 19%, 79%)
CMYK
cmyk(0%, 13%, 19%, 21%)
Oklch
oklch(77.6% 0.035 46.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E79786
88D6E7

Analogous

E788A6
E79786
E7C988

Triadic

E79786
88E799
9988E7

Split-Comp.

E79786
88E7C9
88A6E7

Tetradic

E79786
A6E788
88D6E7
C988E7

Contrast Matrix WCAG 2.1 Contrast

E79786
DBA58C
CAAF8D
C5B79C
CAB0A4
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
2.3Fail
2.1Fail
2.1Fail
2.0Fail
2.0Fail
Black BG
9.2AAA
9.8AAA
10.0AAA
10.6AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C48A
C4C392
BEBE95
BFBFA3
BFBFA7

Deuteranopia

C9CF8B
C7CB94
C0C297
C0C1A4
C0C2A8

Tritanopia

E38D8E
D89798
C99C9D
C4A8A9
C9A9AA

Achromatopsia

ADADAD
B2B2B2
B3B3B3
B8B8B8
B6B6B6

Shades & Tints Shades & Tints

#E79786

Dark
Light

#DBA58C

Dark
Light

#CAAF8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e79786;
  --color-2: #dba58c;
  --color-3: #caaf8d;
  --color-4: #c5b79c;
  --color-5: #cab0a4;
}

SCSS

$color-1: #e79786;
$color-2: #dba58c;
$color-3: #caaf8d;
$color-4: #c5b79c;
$color-5: #cab0a4;

TAILWIND

colors: {
  'brand-1': '#e79786',
  'brand-2': '#dba58c',
  'brand-3': '#caaf8d',
  'brand-4': '#c5b79c',
  'brand-5': '#cab0a4',
}

RGB Array

[231, 151, 134], [219, 165, 140], [202, 175, 141], [197, 183, 156], [202, 176, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E79786, #DBA58C, #CAAF8D, #C5B79C, #CAB0A4 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: #e79786; --color-2: #dba58c; --color-3: #caaf8d; --color-4: #c5b79c; --color-5: #cab0a4. 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