← Back to Editor

#CACEDE · #D7BDDE · #EAB8A4 · #FFAB66 · #E38F6B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CACEDE

Azure · LightGray · Sky Blue

HEX
#CACEDE
RGB
rgb(202, 206, 222)
HSL
hsl(228, 23%, 83%)
HSB
hsb(228, 9%, 87%)
CMYK
cmyk(9%, 7%, 0%, 13%)
Oklch
oklch(85.3% 0.023 274.7)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#D7BDDE

Lilac · LightGray · Lavender

HEX
#D7BDDE
RGB
rgb(215, 189, 222)
HSL
hsl(287, 33%, 81%)
HSB
hsb(287, 15%, 87%)
CMYK
cmyk(3%, 15%, 0%, 13%)
Oklch
oklch(83.1% 0.053 319.0)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#EAB8A4

Apricot · BurlyWood · Peach Orange

HEX
#EAB8A4
RGB
rgb(234, 184, 164)
HSL
hsl(17, 62%, 78%)
HSB
hsb(17, 30%, 92%)
CMYK
cmyk(0%, 21%, 30%, 8%)
Oklch
oklch(82.2% 0.064 42.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFAB66

Apricot · SandyBrown · Warm Sun

HEX
#FFAB66
RGB
rgb(255, 171, 102)
HSL
hsl(27, 100%, 70%)
HSB
hsb(27, 60%, 100%)
CMYK
cmyk(0%, 33%, 60%, 0%)
Oklch
oklch(81.0% 0.131 58.8)

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

#E38F6B

Apricot · DarkSalmon · Warm Sun

HEX
#E38F6B
RGB
rgb(227, 143, 107)
HSL
hsl(18, 68%, 65%)
HSB
hsb(18, 53%, 89%)
CMYK
cmyk(0%, 37%, 53%, 11%)
Oklch
oklch(72.9% 0.114 43.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CACEDE
DEDACA

Analogous

CAD8DE
CACEDE
D0CADE

Triadic

CACEDE
DECACE
CEDECA

Split-Comp.

CACEDE
DED0CA
D8DECA

Tetradic

CACEDE
DECAD8
DEDACA
CADED0

Contrast Matrix WCAG 2.1 Contrast

CACEDE
D7BDDE
EAB8A4
FFAB66
E38F6B
—
1.1
Fail
1.1
Fail
1.2
Fail
1.6
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
White BG
1.6Fail
1.7Fail
1.8Fail
1.9Fail
2.5Fail
Black BG
13.4AAA
12.2AAA
11.9AAA
11.3AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCDA
CCCCD6
D4D4A9
DBDA77
BFBE74

Deuteranopia

CCCBD9
CDCFD4
D7DBAA
E0E67B
C4CA76

Tritanopia

CAD7D6
D6D0CE
E7ADAE
FB8487
DF7B7C

Achromatopsia

CFCFCF
C9C9C9
C5C5C5
BCBCBC
A4A4A4

Shades & Tints Shades & Tints

#CACEDE

Dark
Light

#D7BDDE

Dark
Light

#EAB8A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cacede;
  --color-2: #d7bdde;
  --color-3: #eab8a4;
  --color-4: #ffab66;
  --color-5: #e38f6b;
}

SCSS

$color-1: #cacede;
$color-2: #d7bdde;
$color-3: #eab8a4;
$color-4: #ffab66;
$color-5: #e38f6b;

TAILWIND

colors: {
  'brand-1': '#cacede',
  'brand-2': '#d7bdde',
  'brand-3': '#eab8a4',
  'brand-4': '#ffab66',
  'brand-5': '#e38f6b',
}

RGB Array

[202, 206, 222], [215, 189, 222], [234, 184, 164], [255, 171, 102], [227, 143, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CACEDE, #D7BDDE, #EAB8A4, #FFAB66, #E38F6B 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: #cacede; --color-2: #d7bdde; --color-3: #eab8a4; --color-4: #ffab66; --color-5: #e38f6b. 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