#E999B3 + #EBA091 + #DBB33B + #97C7A5 + #A69D85 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E999B3

Rouge · LightPink · Cherry Blossom

HEX

#E999B3

RGB

rgb(233, 153, 179)

HSL

hsl(341, 65%, 76%)

HSB

hsb(341, 34%, 91%)

CMYK

cmyk(0%, 34%, 23%, 9%)

Oklch

oklch(77.0% 0.101 358.7)

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

#EBA091

Peach Pink · DarkSalmon · Coral Red

HEX

#EBA091

RGB

rgb(235, 160, 145)

HSL

hsl(10, 69%, 75%)

HSB

hsb(10, 38%, 92%)

CMYK

cmyk(0%, 32%, 38%, 8%)

Oklch

oklch(77.5% 0.093 31.7)

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

#DBB33B

Ginger · GoldenRod · Sunflower

HEX

#DBB33B

RGB

rgb(219, 179, 59)

HSL

hsl(45, 69%, 55%)

HSB

hsb(45, 73%, 86%)

CMYK

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

Oklch

oklch(78.2% 0.140 89.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#97C7A5

Celadon · DarkSeaGreen · Apple Green

HEX

#97C7A5

RGB

rgb(151, 199, 165)

HSL

hsl(138, 30%, 69%)

HSB

hsb(138, 24%, 78%)

CMYK

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

Oklch

oklch(78.6% 0.070 153.7)

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

#A69D85

Ginger · DarkGray · Sunflower

HEX

#A69D85

RGB

rgb(166, 157, 133)

HSL

hsl(44, 16%, 59%)

HSB

hsb(44, 20%, 65%)

CMYK

cmyk(0%, 5%, 20%, 35%)

Oklch

oklch(69.7% 0.035 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E999B3

9AEAD0

Analogous

EA9ADB

E999B3

EAA99A

Triadic

E999B3

B3EA9A

9AB3EA

Split-Comp.

E999B3

9AEAA9

9ADBEA

Tetradic

E999B3

DBEA9A

9AEAD0

A99AEA

Contrast Matrix WCAG 2.1 Contrast

E999B3	EBA091	DBB33B	97C7A5	A69D85
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.0 Fail	1.4 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.4 Fail
1.2 Fail	1.3 Fail	1.4 Fail	1.4 Fail	—

White BG

2.2Fail

2.1Fail

2.0Fail

1.9Fail

2.7Fail

Black BG

9.7AAA

10.0AAA

10.5AAA

11.0AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6AD

CBCA95

CAC958

ACACAD

A2A28B

Deuteranopia

CBD1AB

CFD596

CCCF5F

A9A5AF

A3A38C

Tritanopia

E5A8A7

E79798

D96F74

99B4B5

A68F90

Achromatopsia

B4B4B4

B5B5B5

B1B1B1

B5B5B5

9D9D9D

Shades & Tints Shades & Tints

#E999B3

Dark

Light

#EBA091

Dark

Light

#DBB33B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e999b3;
  --color-2: #eba091;
  --color-3: #dbb33b;
  --color-4: #97c7a5;
  --color-5: #a69d85;
}

SCSS

$color-1: #e999b3;
$color-2: #eba091;
$color-3: #dbb33b;
$color-4: #97c7a5;
$color-5: #a69d85;

TAILWIND

colors: {
  'brand-1': '#e999b3',
  'brand-2': '#eba091',
  'brand-3': '#dbb33b',
  'brand-4': '#97c7a5',
  'brand-5': '#a69d85',
}

RGB Array

[233, 153, 179], [235, 160, 145], [219, 179, 59], [151, 199, 165], [166, 157, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E999B3, #EBA091, #DBB33B, #97C7A5, #A69D85 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: #e999b3; --color-2: #eba091; --color-3: #dbb33b; --color-4: #97c7a5; --color-5: #a69d85. 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