#A19A98 + #888481 + #ECBFB1 + #F2D1C6 + #E3EEEC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A19A98

Ash · DarkGray · Silver Sand

HEX

#A19A98

RGB

rgb(161, 154, 152)

HSL

hsl(13, 5%, 61%)

HSB

hsb(13, 6%, 63%)

CMYK

cmyk(0%, 4%, 6%, 37%)

Oklch

oklch(69.2% 0.009 36.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#888481

Ash · Gray · Warm Gray

HEX

#888481

RGB

rgb(136, 132, 129)

HSL

hsl(26, 3%, 52%)

HSB

hsb(26, 5%, 53%)

CMYK

cmyk(0%, 3%, 5%, 47%)

Oklch

oklch(61.6% 0.007 59.6)

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

#ECBFB1

Peach Pink · LightPink · Cherry Blossom

HEX

#ECBFB1

RGB

rgb(236, 191, 177)

HSL

hsl(14, 61%, 81%)

HSB

hsb(14, 25%, 93%)

CMYK

cmyk(0%, 19%, 25%, 7%)

Oklch

oklch(84.1% 0.055 38.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F2D1C6

Apricot · Pink · Peach Orange

HEX

#F2D1C6

RGB

rgb(242, 209, 198)

HSL

hsl(15, 63%, 86%)

HSB

hsb(15, 18%, 95%)

CMYK

cmyk(0%, 14%, 18%, 5%)

Oklch

oklch(88.5% 0.040 39.3)

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

#E3EEEC

Jade · Lavender · Glacier Blue

HEX

#E3EEEC

RGB

rgb(227, 238, 236)

HSL

hsl(169, 24%, 91%)

HSB

hsb(169, 5%, 93%)

CMYK

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

Oklch

oklch(94.0% 0.012 184.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A19A98

979EA1

Analogous

A19799

A19A98

A19E97

Triadic

A19A98

97A199

9997A1

Split-Comp.

A19A98

97A19E

9799A1

Tetradic

A19A98

99A197

979EA1

9E97A1

Contrast Matrix WCAG 2.1 Contrast

A19A98	888481	ECBFB1	F2D1C6	E3EEEC
—	1.3 Fail	1.7 Fail	1.9 Fail	2.3 Fail
1.3 Fail	—	2.2 Fail	2.6 Fail	3.1 AA Large
1.7 Fail	2.2 Fail	—	1.2 Fail	1.4 Fail
1.9 Fail	2.6 Fail	1.2 Fail	—	1.2 Fail
2.3 Fail	3.1 AA Large	1.4 Fail	1.2 Fail	—

White BG

2.8Fail

3.7AA Large

1.7Fail

1.4Fail

1.2Fail

Black BG

7.6AAA

5.7AA

12.7AAA

14.7AAA

17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E98

868682

D9D8B4

E4E3C9

E8E8EC

Deuteranopia

9E9F99

878782

DBDFB5

E6E8C9

E7E6ED

Tritanopia

A19999

888282

EAB7B8

F0CBCB

E4EDED

Achromatopsia

9C9C9C

858585

CBCBCB

DADADA

EAEAEA

Shades & Tints Shades & Tints

#A19A98

Dark

Light

#888481

Dark

Light

#ECBFB1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a19a98;
  --color-2: #888481;
  --color-3: #ecbfb1;
  --color-4: #f2d1c6;
  --color-5: #e3eeec;
}

SCSS

$color-1: #a19a98;
$color-2: #888481;
$color-3: #ecbfb1;
$color-4: #f2d1c6;
$color-5: #e3eeec;

TAILWIND

colors: {
  'brand-1': '#a19a98',
  'brand-2': '#888481',
  'brand-3': '#ecbfb1',
  'brand-4': '#f2d1c6',
  'brand-5': '#e3eeec',
}

RGB Array

[161, 154, 152], [136, 132, 129], [236, 191, 177], [242, 209, 198], [227, 238, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A19A98, #888481, #ECBFB1, #F2D1C6, #E3EEEC 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: #a19a98; --color-2: #888481; --color-3: #ecbfb1; --color-4: #f2d1c6; --color-5: #e3eeec. 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