#98829A + #BD8996 + #E7A19E + #F5CCBE + #EDEAEA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#98829A

Dark Plum · LightSlateGray · Violet

HEX

#98829A

RGB

rgb(152, 130, 154)

HSL

hsl(295, 11%, 56%)

HSB

hsb(295, 16%, 60%)

CMYK

cmyk(1%, 16%, 0%, 40%)

Oklch

oklch(63.5% 0.044 323.4)

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

#BD8996

Peach Pink · DarkGray · Coral Red

HEX

#BD8996

RGB

rgb(189, 137, 150)

HSL

hsl(345, 28%, 64%)

HSB

hsb(345, 28%, 74%)

CMYK

cmyk(0%, 28%, 21%, 26%)

Oklch

oklch(68.5% 0.066 2.5)

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

#E7A19E

Peach Pink · Tan · Coral Red

HEX

#E7A19E

RGB

rgb(231, 161, 158)

HSL

hsl(2, 60%, 76%)

HSB

hsb(2, 32%, 91%)

CMYK

cmyk(0%, 30%, 32%, 9%)

Oklch

oklch(77.6% 0.084 21.9)

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

#F5CCBE

Apricot · Pink · Peach Orange

HEX

#F5CCBE

RGB

rgb(245, 204, 190)

HSL

hsl(15, 73%, 85%)

HSB

hsb(15, 22%, 96%)

CMYK

cmyk(0%, 17%, 22%, 4%)

Oklch

oklch(87.7% 0.050 39.7)

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

#EDEAEA

Peach Pink · Linen · Cloud White

HEX

#EDEAEA

RGB

rgb(237, 234, 234)

HSL

hsl(0, 8%, 92%)

HSB

hsb(0, 1%, 93%)

CMYK

cmyk(0%, 1%, 1%, 7%)

Oklch

oklch(93.9% 0.003 17.2)

Traditional「Peach Pink」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98829A

859B82

Analogous

8D829B

98829A

9B8291

Triadic

98829A

9B9982

829B99

Split-Comp.

98829A

919B82

829B8D

Tetradic

98829A

9B8D82

859B82

82919B

Contrast Matrix WCAG 2.1 Contrast

98829A	BD8996	E7A19E	F5CCBE	EDEAEA
—	1.2 Fail	1.7 Fail	2.4 Fail	2.9 Fail
1.2 Fail	—	1.4 Fail	2.0 Fail	2.4 Fail
1.7 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.4 Fail	2.0 Fail	1.4 Fail	—	1.2 Fail
2.9 Fail	2.4 Fail	1.8 Fail	1.2 Fail	—

White BG

3.5AA Large

2.9Fail

2.1Fail

1.5Fail

1.2Fail

Black BG

6.0AA

7.2AAA

10.0AAA

14.3AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8E94

A6A693

C9C89F

E3E3C1

ECECEA

Deuteranopia

909193

AAAD92

CDD29F

E6E9C2

ECECEA

Tritanopia

97908F

BA9090

E49F9F

F3C4C5

EDEAEA

Achromatopsia

8B8B8B

9A9A9A

B6B6B6

D7D7D7

EBEBEB

Shades & Tints Shades & Tints

#98829A

Dark

Light

#BD8996

Dark

Light

#E7A19E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98829a;
  --color-2: #bd8996;
  --color-3: #e7a19e;
  --color-4: #f5ccbe;
  --color-5: #edeaea;
}

SCSS

$color-1: #98829a;
$color-2: #bd8996;
$color-3: #e7a19e;
$color-4: #f5ccbe;
$color-5: #edeaea;

TAILWIND

colors: {
  'brand-1': '#98829a',
  'brand-2': '#bd8996',
  'brand-3': '#e7a19e',
  'brand-4': '#f5ccbe',
  'brand-5': '#edeaea',
}

RGB Array

[152, 130, 154], [189, 137, 150], [231, 161, 158], [245, 204, 190], [237, 234, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #98829A, #BD8996, #E7A19E, #F5CCBE, #EDEAEA is ideal for: health products, baby brands, fresh-style blogs. 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: #98829a; --color-2: #bd8996; --color-3: #e7a19e; --color-4: #f5ccbe; --color-5: #edeaea. 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. 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