← Back to Editor

#E5EBC7 · #BAD1CF · #C3ADC7 · #B3889C · #61415B

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

WorkspaceReadingData Visualization

Color Details Color Details

#E5EBC7

Willow Green · Bisque · Mint Green

HEX
#E5EBC7
RGB
rgb(229, 235, 199)
HSL
hsl(70, 47%, 85%)
HSB
hsb(70, 15%, 92%)
CMYK
cmyk(3%, 0%, 15%, 8%)
Oklch
oklch(92.6% 0.048 115.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#BAD1CF

Jade · LightSteelBlue · Glacier Blue

HEX
#BAD1CF
RGB
rgb(186, 209, 207)
HSL
hsl(175, 20%, 77%)
HSB
hsb(175, 11%, 82%)
CMYK
cmyk(11%, 0%, 1%, 18%)
Oklch
oklch(84.3% 0.025 190.3)

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

#C3ADC7

Lilac · Silver · Lilac Purple

HEX
#C3ADC7
RGB
rgb(195, 173, 199)
HSL
hsl(291, 19%, 73%)
HSB
hsb(291, 13%, 78%)
CMYK
cmyk(2%, 13%, 0%, 22%)
Oklch
oklch(77.5% 0.044 321.1)

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

#B3889C

Rouge · DarkGray · Rose Pink

HEX
#B3889C
RGB
rgb(179, 136, 156)
HSL
hsl(332, 22%, 62%)
HSB
hsb(332, 24%, 70%)
CMYK
cmyk(0%, 24%, 13%, 30%)
Oklch
oklch(67.4% 0.059 349.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#61415B

Rose Purple · DimGray · Eggplant

HEX
#61415B
RGB
rgb(97, 65, 91)
HSL
hsl(311, 20%, 32%)
HSB
hsb(311, 33%, 38%)
CMYK
cmyk(0%, 33%, 6%, 62%)
Oklch
oklch(42.1% 0.059 333.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5EBC7
CDC7EB

Analogous

EBDFC7
E5EBC7
D3EBC7

Triadic

E5EBC7
C7E5EB
EBC7E5

Split-Comp.

E5EBC7
C7D3EB
DFC7EB

Tetradic

E5EBC7
C7EBDF
CDC7EB
EBC7D3

Contrast Matrix WCAG 2.1 Contrast

E5EBC7
BAD1CF
C3ADC7
B3889C
61415B
—
1.3
Fail
1.7
Fail
2.5
Fail
7.1
AAA
1.3
Fail
—
1.3
Fail
1.9
Fail
5.4
AA
1.7
Fail
1.3
Fail
—
1.5
Fail
4.2
AA Large
2.5
Fail
1.9
Fail
1.5
Fail
—
2.9
Fail
7.1
AAA
5.4
AA
4.2
AA Large
2.9
Fail
—
White BG
1.2Fail
1.6Fail
2.1Fail
3.0AA Large
8.7AAA
Black BG
17.0AAA
13.1AAA
10.1AAA
6.9AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8D0
C4C4CF
B9B9C1
A0A097
535355

Deuteranopia

E7E7D2
C3C1D0
BBBCBF
A3A696
555753

Tritanopia

E5D7D8
BBD0D0
C2BCBB
B19393
5F504F

Achromatopsia

E5E5E5
CACACA
B7B7B7
979797
4E4E4E

Shades & Tints Shades & Tints

#E5EBC7

Dark
Light

#BAD1CF

Dark
Light

#C3ADC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5ebc7;
  --color-2: #bad1cf;
  --color-3: #c3adc7;
  --color-4: #b3889c;
  --color-5: #61415b;
}

SCSS

$color-1: #e5ebc7;
$color-2: #bad1cf;
$color-3: #c3adc7;
$color-4: #b3889c;
$color-5: #61415b;

TAILWIND

colors: {
  'brand-1': '#e5ebc7',
  'brand-2': '#bad1cf',
  'brand-3': '#c3adc7',
  'brand-4': '#b3889c',
  'brand-5': '#61415b',
}

RGB Array

[229, 235, 199], [186, 209, 207], [195, 173, 199], [179, 136, 156], [97, 65, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5EBC7, #BAD1CF, #C3ADC7, #B3889C, #61415B 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: #e5ebc7; --color-2: #bad1cf; --color-3: #c3adc7; --color-4: #b3889c; --color-5: #61415b. 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 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