← Back to Editor

#E3E0D9 · #CFBEB4 · #B99D87 · #F24A47 · #6B6571

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

#E3E0D9

Goose Yellow · LightGray · Lemon Cream

HEX
#E3E0D9
RGB
rgb(227, 224, 217)
HSL
hsl(42, 15%, 87%)
HSB
hsb(42, 4%, 89%)
CMYK
cmyk(0%, 1%, 4%, 11%)
Oklch
oklch(90.7% 0.010 87.5)

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

#CFBEB4

Apricot · Silver · Peach Orange

HEX
#CFBEB4
RGB
rgb(207, 190, 180)
HSL
hsl(22, 22%, 76%)
HSB
hsb(22, 13%, 81%)
CMYK
cmyk(0%, 8%, 13%, 19%)
Oklch
oklch(81.3% 0.024 52.6)

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

#B99D87

Apricot · Tan · Warm Sun

HEX
#B99D87
RGB
rgb(185, 157, 135)
HSL
hsl(26, 26%, 63%)
HSB
hsb(26, 27%, 73%)
CMYK
cmyk(0%, 15%, 27%, 27%)
Oklch
oklch(71.5% 0.045 60.1)

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

#F24A47

Peach Pink · Tomato · Coral Red

HEX
#F24A47
RGB
rgb(242, 74, 71)
HSL
hsl(1, 87%, 61%)
HSB
hsb(1, 71%, 95%)
CMYK
cmyk(0%, 69%, 71%, 5%)
Oklch
oklch(64.8% 0.205 25.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#6B6571

Ink Gray · DimGray · Warm Gray

HEX
#6B6571
RGB
rgb(107, 101, 113)
HSL
hsl(270, 6%, 42%)
HSB
hsb(270, 11%, 44%)
CMYK
cmyk(5%, 11%, 0%, 56%)
Oklch
oklch(51.6% 0.020 308.0)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3E0D9
D9DCE3

Analogous

E3DBD9
E3E0D9
E1E3D9

Triadic

E3E0D9
D9E3E0
E0D9E3

Split-Comp.

E3E0D9
D9E1E3
DBD9E3

Tetradic

E3E0D9
D9E3DB
D9DCE3
E3D9E1

Contrast Matrix WCAG 2.1 Contrast

E3E0D9
CFBEB4
B99D87
F24A47
6B6571
—
1.4
Fail
1.9
Fail
2.7
Fail
4.3
AA Large
1.4
Fail
—
1.4
Fail
2.0
Fail
3.1
AA Large
1.9
Fail
1.4
Fail
—
1.4
Fail
2.2
Fail
2.7
Fail
2.0
Fail
1.4
Fail
—
1.6
Fail
4.3
AA Large
3.1
AA Large
2.2
Fail
1.6
Fail
—
White BG
1.3Fail
1.8Fail
2.5Fail
3.6AA Large
5.6AA
Black BG
15.9AAA
11.7AAA
8.2AAA
5.8AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2DB
C8C7B6
ADAD8C
A9A848
68686E

Deuteranopia

E2E2DB
C9CAB7
AFB18E
B3C048
69696D

Tritanopia

E3DCDC
CEB8B9
B89191
EA4848
6B6C6B

Achromatopsia

E0E0E0
C2C2C2
A3A3A3
7C7C7C
686868

Shades & Tints Shades & Tints

#E3E0D9

Dark
Light

#CFBEB4

Dark
Light

#B99D87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3e0d9;
  --color-2: #cfbeb4;
  --color-3: #b99d87;
  --color-4: #f24a47;
  --color-5: #6b6571;
}

SCSS

$color-1: #e3e0d9;
$color-2: #cfbeb4;
$color-3: #b99d87;
$color-4: #f24a47;
$color-5: #6b6571;

TAILWIND

colors: {
  'brand-1': '#e3e0d9',
  'brand-2': '#cfbeb4',
  'brand-3': '#b99d87',
  'brand-4': '#f24a47',
  'brand-5': '#6b6571',
}

RGB Array

[227, 224, 217], [207, 190, 180], [185, 157, 135], [242, 74, 71], [107, 101, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3E0D9, #CFBEB4, #B99D87, #F24A47, #6B6571 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e3e0d9; --color-2: #cfbeb4; --color-3: #b99d87; --color-4: #f24a47; --color-5: #6b6571. 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 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