← Back to Editor

#E8C6BF · #DABBC2 · #B4B6CA · #8B7EAF · #41415F

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E8C6BF

Peach Pink · Pink · Cherry Blossom

HEX
#E8C6BF
RGB
rgb(232, 198, 191)
HSL
hsl(10, 47%, 83%)
HSB
hsb(10, 18%, 91%)
CMYK
cmyk(0%, 15%, 18%, 9%)
Oklch
oklch(85.4% 0.040 31.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DABBC2

Peach Pink · Silver · Coral Red

HEX
#DABBC2
RGB
rgb(218, 187, 194)
HSL
hsl(346, 30%, 79%)
HSB
hsb(346, 14%, 85%)
CMYK
cmyk(0%, 14%, 11%, 15%)
Oklch
oklch(82.1% 0.037 2.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B4B6CA

Azure · Silver · Cobalt Blue

HEX
#B4B6CA
RGB
rgb(180, 182, 202)
HSL
hsl(235, 17%, 75%)
HSB
hsb(235, 11%, 79%)
CMYK
cmyk(11%, 10%, 0%, 21%)
Oklch
oklch(78.1% 0.028 281.2)

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

#8B7EAF

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8B7EAF
RGB
rgb(139, 126, 175)
HSL
hsl(256, 23%, 59%)
HSB
hsb(256, 28%, 69%)
CMYK
cmyk(21%, 28%, 0%, 31%)
Oklch
oklch(62.3% 0.074 296.4)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#41415F

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#41415F
RGB
rgb(65, 65, 95)
HSL
hsl(240, 19%, 31%)
HSB
hsb(240, 32%, 37%)
CMYK
cmyk(32%, 32%, 0%, 63%)
Oklch
oklch(38.8% 0.051 283.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8C6BF
BFE1E8

Analogous

E8BFCD
E8C6BF
E8DABF

Triadic

E8C6BF
BFE8C6
C6BFE8

Split-Comp.

E8C6BF
BFE8DA
BFCDE8

Tetradic

E8C6BF
CDE8BF
BFE1E8
DABFE8

Contrast Matrix WCAG 2.1 Contrast

E8C6BF
DABBC2
B4B6CA
8B7EAF
41415F
—
1.1
Fail
1.3
Fail
2.3
Fail
6.2
AA
1.1
Fail
—
1.1
Fail
2.1
Fail
5.5
AA
1.3
Fail
1.1
Fail
—
1.8
Fail
4.9
AA
2.3
Fail
2.1
Fail
1.8
Fail
—
2.7
Fail
6.2
AA
5.5
AA
4.9
AA
2.7
Fail
—
White BG
1.6Fail
1.8Fail
2.0Fail
3.7AA Large
9.8AAA
Black BG
13.3AAA
11.9AAA
10.5AAA
5.7AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9C1
CDCCC0
B5B5C5
8585A3
414158

Deuteranopia

DBDEC1
CED1C0
B5B5C4
8687A0
414156

Tritanopia

E6C2C2
D8BFBF
B4C1C1
8A9A98
415251

Achromatopsia

CFCFCF
C5C5C5
B8B8B8
878787
444444

Shades & Tints Shades & Tints

#E8C6BF

Dark
Light

#DABBC2

Dark
Light

#B4B6CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8c6bf;
  --color-2: #dabbc2;
  --color-3: #b4b6ca;
  --color-4: #8b7eaf;
  --color-5: #41415f;
}

SCSS

$color-1: #e8c6bf;
$color-2: #dabbc2;
$color-3: #b4b6ca;
$color-4: #8b7eaf;
$color-5: #41415f;

TAILWIND

colors: {
  'brand-1': '#e8c6bf',
  'brand-2': '#dabbc2',
  'brand-3': '#b4b6ca',
  'brand-4': '#8b7eaf',
  'brand-5': '#41415f',
}

RGB Array

[232, 198, 191], [218, 187, 194], [180, 182, 202], [139, 126, 175], [65, 65, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E8C6BF, #DABBC2, #B4B6CA, #8B7EAF, #41415F is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e8c6bf; --color-2: #dabbc2; --color-3: #b4b6ca; --color-4: #8b7eaf; --color-5: #41415f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 warm-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