← Back to Editor

#876475 · #EBA0B6 · #F2D0C2 · #F2EBC7 · #E8E7E1

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

#876475

Dark Violet · Gray · Camellia

HEX
#876475
RGB
rgb(135, 100, 117)
HSL
hsl(331, 15%, 46%)
HSB
hsb(331, 26%, 53%)
CMYK
cmyk(0%, 26%, 13%, 47%)
Oklch
oklch(54.4% 0.051 348.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#EBA0B6

Rouge · LightPink · Cherry Blossom

HEX
#EBA0B6
RGB
rgb(235, 160, 182)
HSL
hsl(342, 65%, 77%)
HSB
hsb(342, 32%, 92%)
CMYK
cmyk(0%, 32%, 23%, 8%)
Oklch
oklch(78.5% 0.093 0.3)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#F2D0C2

Apricot · Wheat · Peach Orange

HEX
#F2D0C2
RGB
rgb(242, 208, 194)
HSL
hsl(18, 65%, 85%)
HSB
hsb(18, 20%, 95%)
CMYK
cmyk(0%, 14%, 20%, 5%)
Oklch
oklch(88.3% 0.043 43.7)

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

#F2EBC7

Fresh Green · Bisque · Lemon Cream

HEX
#F2EBC7
RGB
rgb(242, 235, 199)
HSL
hsl(50, 62%, 86%)
HSB
hsb(50, 18%, 95%)
CMYK
cmyk(0%, 3%, 18%, 5%)
Oklch
oklch(93.6% 0.048 98.1)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E8E7E1

Fresh Green · Beige · Lemon Cream

HEX
#E8E7E1
RGB
rgb(232, 231, 225)
HSL
hsl(51, 13%, 90%)
HSB
hsb(51, 3%, 91%)
CMYK
cmyk(0%, 0%, 3%, 9%)
Oklch
oklch(92.7% 0.008 98.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

876475
648776

Analogous

876486
876475
876464

Triadic

876475
758764
647587

Split-Comp.

876475
648764
648687

Tetradic

876475
868764
648776
646487

Contrast Matrix WCAG 2.1 Contrast

876475
EBA0B6
F2D0C2
F2EBC7
E8E7E1
—
2.5
Fail
3.5
AA Large
4.3
AA Large
4.1
AA Large
2.5
Fail
—
1.4
Fail
1.7
Fail
1.7
Fail
3.5
AA Large
1.4
Fail
—
1.2
Fail
1.2
Fail
4.3
AA Large
1.7
Fail
1.2
Fail
—
1.0
Fail
4.1
AA Large
1.7
Fail
1.2
Fail
1.0
Fail
—
White BG
5.1AA
2.1Fail
1.4Fail
1.2Fail
1.2Fail
Black BG
4.1AA Large
10.2AAA
14.6AAA
17.5AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787871
CBCAB1
E3E3C5
EFEFD0
E8E8E2

Deuteranopia

7A7D70
CFD5AF
E5E8C6
EFF0D2
E8E8E3

Tritanopia

856E6D
E7ACAC
F0C8C9
F2D7D8
E8E4E4

Achromatopsia

707070
B9B9B9
D9D9D9
E9E9E9
E7E7E7

Shades & Tints Shades & Tints

#876475

Dark
Light

#EBA0B6

Dark
Light

#F2D0C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #876475;
  --color-2: #eba0b6;
  --color-3: #f2d0c2;
  --color-4: #f2ebc7;
  --color-5: #e8e7e1;
}

SCSS

$color-1: #876475;
$color-2: #eba0b6;
$color-3: #f2d0c2;
$color-4: #f2ebc7;
$color-5: #e8e7e1;

TAILWIND

colors: {
  'brand-1': '#876475',
  'brand-2': '#eba0b6',
  'brand-3': '#f2d0c2',
  'brand-4': '#f2ebc7',
  'brand-5': '#e8e7e1',
}

RGB Array

[135, 100, 117], [235, 160, 182], [242, 208, 194], [242, 235, 199], [232, 231, 225]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #876475, #EBA0B6, #F2D0C2, #F2EBC7, #E8E7E1 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: #876475; --color-2: #eba0b6; --color-3: #f2d0c2; --color-4: #f2ebc7; --color-5: #e8e7e1. 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