#8E6D88 + #74B59A + #CED4B1 + #F8EAC1 + #FEE8AB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8E6D88

Rose Purple · Gray · Violet

HEX

#8E6D88

RGB

rgb(142, 109, 136)

HSL

hsl(311, 13%, 49%)

HSB

hsb(311, 23%, 56%)

CMYK

cmyk(0%, 23%, 4%, 44%)

Oklch

oklch(57.6% 0.057 332.7)

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

#74B59A

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#74B59A

RGB

rgb(116, 181, 154)

HSL

hsl(155, 31%, 58%)

HSB

hsb(155, 36%, 71%)

CMYK

cmyk(36%, 0%, 15%, 29%)

Oklch

oklch(72.1% 0.078 166.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#CED4B1

Willow Green · Silver · Apple Green

HEX

#CED4B1

RGB

rgb(206, 212, 177)

HSL

hsl(70, 29%, 76%)

HSB

hsb(70, 17%, 83%)

CMYK

cmyk(3%, 0%, 17%, 17%)

Oklch

oklch(85.6% 0.047 115.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F8EAC1

Goose Yellow · Bisque · Lemon Cream

HEX

#F8EAC1

RGB

rgb(248, 234, 193)

HSL

hsl(45, 80%, 86%)

HSB

hsb(45, 22%, 97%)

CMYK

cmyk(0%, 6%, 22%, 3%)

Oklch

oklch(93.8% 0.055 91.4)

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

#FEE8AB

Goose Yellow · Wheat · Lemon Cream

HEX

#FEE8AB

RGB

rgb(254, 232, 171)

HSL

hsl(44, 98%, 83%)

HSB

hsb(44, 33%, 100%)

CMYK

cmyk(0%, 9%, 33%, 0%)

Oklch

oklch(93.5% 0.081 90.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E6D88

6D8D73

Analogous

836D8D

8E6D88

8D6D77

Triadic

8E6D88

878D6D

6D878D

Split-Comp.

8E6D88

778D6D

6D8D83

Tetradic

8E6D88

8D836D

6D8D73

6D778D

Contrast Matrix WCAG 2.1 Contrast

8E6D88	74B59A	CED4B1	F8EAC1	FEE8AB
—	1.9 Fail	2.9 Fail	3.7 AA Large	3.7 AA Large
1.9 Fail	—	1.6 Fail	2.0 Fail	2.0 Fail
2.9 Fail	1.6 Fail	—	1.3 Fail	1.3 Fail
3.7 AA Large	2.0 Fail	1.3 Fail	—	1.0 Fail
3.7 AA Large	2.0 Fail	1.3 Fail	1.0 Fail	—

White BG

4.5AA Large

2.4Fail

1.5Fail

1.2Fail

Black BG

4.7AA

8.8AAA

13.7AAA

17.5AAA

17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F81

9091A1

D1D1B9

F2F2CB

F4F4BA

Deuteranopia

828480

8C88A2

D0D0BC

F3F4CD

F6F7BD

Tritanopia

8C7C7B

77A6A7

CEC0C2

F7D3D4

FDC5C8

Achromatopsia

7A7A7A

9E9E9E

CECECE

EAEAEA

E8E8E8

Shades & Tints Shades & Tints

#8E6D88

Dark

Light

#74B59A

Dark

Light

#CED4B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e6d88;
  --color-2: #74b59a;
  --color-3: #ced4b1;
  --color-4: #f8eac1;
  --color-5: #fee8ab;
}

SCSS

$color-1: #8e6d88;
$color-2: #74b59a;
$color-3: #ced4b1;
$color-4: #f8eac1;
$color-5: #fee8ab;

TAILWIND

colors: {
  'brand-1': '#8e6d88',
  'brand-2': '#74b59a',
  'brand-3': '#ced4b1',
  'brand-4': '#f8eac1',
  'brand-5': '#fee8ab',
}

RGB Array

[142, 109, 136], [116, 181, 154], [206, 212, 177], [248, 234, 193], [254, 232, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8E6D88, #74B59A, #CED4B1, #F8EAC1, #FEE8AB 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: #8e6d88; --color-2: #74b59a; --color-3: #ced4b1; --color-4: #f8eac1; --color-5: #fee8ab. 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