← Back to Editor

#E1CFBB · #7F839C · #A69CAD · #B9C1CA · #A7E4D9

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

#E1CFBB

Goose Yellow · Wheat · Peach Orange

HEX
#E1CFBB
RGB
rgb(225, 207, 187)
HSL
hsl(32, 39%, 81%)
HSB
hsb(32, 17%, 88%)
CMYK
cmyk(0%, 8%, 17%, 12%)
Oklch
oklch(86.4% 0.034 70.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#7F839C

Azure · LightSlateGray · Navy Blue

HEX
#7F839C
RGB
rgb(127, 131, 156)
HSL
hsl(232, 13%, 55%)
HSB
hsb(232, 19%, 61%)
CMYK
cmyk(19%, 16%, 0%, 39%)
Oklch
oklch(61.5% 0.038 278.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#A69CAD

Lilac · DarkGray · Silver Sand

HEX
#A69CAD
RGB
rgb(166, 156, 173)
HSL
hsl(275, 9%, 65%)
HSB
hsb(275, 10%, 68%)
CMYK
cmyk(4%, 10%, 0%, 32%)
Oklch
oklch(70.7% 0.027 311.6)

Traditional「Lilac」· Paint「Silver Sand」· Creative Urban Concrete

#B9C1CA

Azure · Silver · Cobalt Blue

HEX
#B9C1CA
RGB
rgb(185, 193, 202)
HSL
hsl(212, 14%, 76%)
HSB
hsb(212, 8%, 79%)
CMYK
cmyk(8%, 4%, 0%, 21%)
Oklch
oklch(80.7% 0.015 251.2)

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

#A7E4D9

Jade · LightBlue · Glacier Blue

HEX
#A7E4D9
RGB
rgb(167, 228, 217)
HSL
hsl(169, 53%, 77%)
HSB
hsb(169, 27%, 89%)
CMYK
cmyk(27%, 0%, 5%, 11%)
Oklch
oklch(87.4% 0.064 182.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1CFBB
BCCDE1

Analogous

E1BDBC
E1CFBB
E0E1BC

Triadic

E1CFBB
BCE1D0
D0BCE1

Split-Comp.

E1CFBB
BCE0E1
BDBCE1

Tetradic

E1CFBB
BCE1BD
BCCDE1
E1BCE0

Contrast Matrix WCAG 2.1 Contrast

E1CFBB
7F839C
A69CAD
B9C1CA
A7E4D9
—
2.5
Fail
1.7
Fail
1.2
Fail
1.1
Fail
2.5
Fail
—
1.4
Fail
2.1
Fail
2.6
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.1
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
White BG
1.5Fail
3.7AA Large
2.6Fail
1.8Fail
1.4Fail
Black BG
13.8AAA
5.6AA
8.0AAA
11.5AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C0
818196
A2A2A9
BCBDC8
C1C2DC

Deuteranopia

DADCC1
818095
A2A3A8
BCBBC7
BEB9DC

Tritanopia

E0C4C5
7F9190
A6A6A5
B9C6C6
AADEDE

Achromatopsia

D2D2D2
858585
A1A1A1
C0C0C0
D1D1D1

Shades & Tints Shades & Tints

#E1CFBB

Dark
Light

#7F839C

Dark
Light

#A69CAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1cfbb;
  --color-2: #7f839c;
  --color-3: #a69cad;
  --color-4: #b9c1ca;
  --color-5: #a7e4d9;
}

SCSS

$color-1: #e1cfbb;
$color-2: #7f839c;
$color-3: #a69cad;
$color-4: #b9c1ca;
$color-5: #a7e4d9;

TAILWIND

colors: {
  'brand-1': '#e1cfbb',
  'brand-2': '#7f839c',
  'brand-3': '#a69cad',
  'brand-4': '#b9c1ca',
  'brand-5': '#a7e4d9',
}

RGB Array

[225, 207, 187], [127, 131, 156], [166, 156, 173], [185, 193, 202], [167, 228, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1CFBB, #7F839C, #A69CAD, #B9C1CA, #A7E4D9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e1cfbb; --color-2: #7f839c; --color-3: #a69cad; --color-4: #b9c1ca; --color-5: #a7e4d9. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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