#E59295 + #5D8694 + #95B8B0 + #CEB4AB + #E8C0BA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E59295

Peach Pink · DarkSalmon · Coral Red

HEX

#E59295

RGB

rgb(229, 146, 149)

HSL

hsl(358, 61%, 74%)

HSB

hsb(358, 36%, 90%)

CMYK

cmyk(0%, 36%, 35%, 10%)

Oklch

oklch(74.5% 0.101 17.4)

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

#5D8694

Slate Blue · SlateGray · Mint Ice

HEX

#5D8694

RGB

rgb(93, 134, 148)

HSL

hsl(195, 23%, 47%)

HSB

hsb(195, 37%, 58%)

CMYK

cmyk(37%, 9%, 0%, 42%)

Oklch

oklch(59.5% 0.050 221.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#95B8B0

Jade · DarkGray · Lake Green

HEX

#95B8B0

RGB

rgb(149, 184, 176)

HSL

hsl(166, 20%, 65%)

HSB

hsb(166, 19%, 72%)

CMYK

cmyk(19%, 0%, 4%, 28%)

Oklch

oklch(75.4% 0.040 179.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#CEB4AB

Apricot · Silver · Warm Sun

HEX

#CEB4AB

RGB

rgb(206, 180, 171)

HSL

hsl(15, 26%, 74%)

HSB

hsb(15, 17%, 81%)

CMYK

cmyk(0%, 13%, 17%, 19%)

Oklch

oklch(79.0% 0.033 40.0)

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

#E8C0BA

Peach Pink · LightPink · Cherry Blossom

HEX

#E8C0BA

RGB

rgb(232, 192, 186)

HSL

hsl(8, 50%, 82%)

HSB

hsb(8, 20%, 91%)

CMYK

cmyk(0%, 17%, 20%, 9%)

Oklch

oklch(84.1% 0.047 28.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E59295

94E5E2

Analogous

E594BF

E59295

E5BA94

Triadic

E59295

97E594

9497E5

Split-Comp.

E59295

94E5BA

94BFE5

Tetradic

E59295

BFE594

94E5E2

BA94E5

Contrast Matrix WCAG 2.1 Contrast

E59295	5D8694	95B8B0	CEB4AB	E8C0BA
—	1.7 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.7 Fail	—	1.8 Fail	2.0 Fail	2.4 Fail
1.1 Fail	1.8 Fail	—	1.1 Fail	1.3 Fail
1.2 Fail	2.0 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	2.4 Fail	1.3 Fail	1.2 Fail	—

White BG

2.4Fail

4.0AA Large

2.2Fail

2.0Fail

1.7Fail

Black BG

8.9AAA

5.3AA

9.8AAA

10.7AAA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C094

6F6F91

A4A4B2

C3C3AD

D7D6BB

Deuteranopia

C6CC94

6C6990

A2A0B2

C4C6AE

D9DCBC

Tritanopia

E19494

5F8E8D

97B3B4

CDAFAF

E6BDBD

Achromatopsia

ABABAB

7B7B7B

ADADAD

BBBBBB

CBCBCB

Shades & Tints Shades & Tints

#E59295

Dark

Light

#5D8694

Dark

Light

#95B8B0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e59295;
  --color-2: #5d8694;
  --color-3: #95b8b0;
  --color-4: #ceb4ab;
  --color-5: #e8c0ba;
}

SCSS

$color-1: #e59295;
$color-2: #5d8694;
$color-3: #95b8b0;
$color-4: #ceb4ab;
$color-5: #e8c0ba;

TAILWIND

colors: {
  'brand-1': '#e59295',
  'brand-2': '#5d8694',
  'brand-3': '#95b8b0',
  'brand-4': '#ceb4ab',
  'brand-5': '#e8c0ba',
}

RGB Array

[229, 146, 149], [93, 134, 148], [149, 184, 176], [206, 180, 171], [232, 192, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E59295, #5D8694, #95B8B0, #CEB4AB, #E8C0BA 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: #e59295; --color-2: #5d8694; --color-3: #95b8b0; --color-4: #ceb4ab; --color-5: #e8c0ba. 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