← Back to Editor

#E1E8E1 · #CFC9B4 · #CFAC97 · #B08882 · #8C6987

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

WorkspaceReadingData Visualization

Color Details Color Details

#E1E8E1

Celadon · Beige · Mint Green

HEX
#E1E8E1
RGB
rgb(225, 232, 225)
HSL
hsl(120, 13%, 90%)
HSB
hsb(120, 3%, 91%)
CMYK
cmyk(3%, 0%, 3%, 9%)
Oklch
oklch(92.4% 0.012 145.5)

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

#CFC9B4

Goose Yellow · Silver · Lemon Cream

HEX
#CFC9B4
RGB
rgb(207, 201, 180)
HSL
hsl(47, 22%, 76%)
HSB
hsb(47, 13%, 81%)
CMYK
cmyk(0%, 3%, 13%, 19%)
Oklch
oklch(83.5% 0.029 93.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CFAC97

Apricot · Tan · Warm Sun

HEX
#CFAC97
RGB
rgb(207, 172, 151)
HSL
hsl(23, 37%, 70%)
HSB
hsb(23, 27%, 81%)
CMYK
cmyk(0%, 17%, 27%, 19%)
Oklch
oklch(77.0% 0.050 52.7)

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

#B08882

Crimson · Gray · Passion Red

HEX
#B08882
RGB
rgb(176, 136, 130)
HSL
hsl(8, 23%, 60%)
HSB
hsb(8, 26%, 69%)
CMYK
cmyk(0%, 23%, 26%, 31%)
Oklch
oklch(66.3% 0.050 28.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#8C6987

Rose Purple · Gray · Violet

HEX
#8C6987
RGB
rgb(140, 105, 135)
HSL
hsl(309, 14%, 48%)
HSB
hsb(309, 25%, 55%)
CMYK
cmyk(0%, 25%, 4%, 45%)
Oklch
oklch(56.6% 0.062 331.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1E8E1
E9E2E9

Analogous

E6E9E2
E1E8E1
E2E9E6

Triadic

E1E8E1
E2E2E9
E9E2E2

Split-Comp.

E1E8E1
E6E2E9
E9E2E6

Tetradic

E1E8E1
E2E6E9
E9E2E9
E9E6E2

Contrast Matrix WCAG 2.1 Contrast

E1E8E1
CFC9B4
CFAC97
B08882
8C6987
—
1.3
Fail
1.7
Fail
2.5
Fail
3.8
AA Large
1.3
Fail
—
1.3
Fail
1.9
Fail
2.8
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
2.5
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
3.8
AA Large
2.8
Fail
2.2
Fail
1.5
Fail
—
White BG
1.2Fail
1.7Fail
2.1Fail
3.1AA Large
4.7AA
Black BG
16.8AAA
12.7AAA
10.0AAA
6.7AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4E3
CCCCB9
C0C09C
9F9E83
7D7D80

Deuteranopia

E4E3E3
CDCDBA
C2C49D
A1A484
7F827E

Tritanopia

E1E4E4
CFBDBE
CDA0A1
AE8585
8A7A79

Achromatopsia

E5E5E5
C8C8C8
B4B4B4
939393
777777

Shades & Tints Shades & Tints

#E1E8E1

Dark
Light

#CFC9B4

Dark
Light

#CFAC97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1e8e1;
  --color-2: #cfc9b4;
  --color-3: #cfac97;
  --color-4: #b08882;
  --color-5: #8c6987;
}

SCSS

$color-1: #e1e8e1;
$color-2: #cfc9b4;
$color-3: #cfac97;
$color-4: #b08882;
$color-5: #8c6987;

TAILWIND

colors: {
  'brand-1': '#e1e8e1',
  'brand-2': '#cfc9b4',
  'brand-3': '#cfac97',
  'brand-4': '#b08882',
  'brand-5': '#8c6987',
}

RGB Array

[225, 232, 225], [207, 201, 180], [207, 172, 151], [176, 136, 130], [140, 105, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1E8E1, #CFC9B4, #CFAC97, #B08882, #8C6987 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: #e1e8e1; --color-2: #cfc9b4; --color-3: #cfac97; --color-4: #b08882; --color-5: #8c6987. 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