#D97484 + #E69F7F + #EADC9F + #9BC69B + #76B7A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D97484

Peach Pink · LightCoral · Coral Red

HEX

#D97484

RGB

rgb(217, 116, 132)

HSL

hsl(350, 57%, 65%)

HSB

hsb(350, 47%, 85%)

CMYK

cmyk(0%, 47%, 39%, 15%)

Oklch

oklch(67.7% 0.127 11.0)

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

#E69F7F

Apricot · DarkSalmon · Warm Sun

HEX

#E69F7F

RGB

rgb(230, 159, 127)

HSL

hsl(19, 67%, 70%)

HSB

hsb(19, 45%, 90%)

CMYK

cmyk(0%, 31%, 45%, 10%)

Oklch

oklch(76.4% 0.096 45.1)

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

#EADC9F

Goose Yellow · Khaki · Lemon Cream

HEX

#EADC9F

RGB

rgb(234, 220, 159)

HSL

hsl(49, 64%, 77%)

HSB

hsb(49, 32%, 92%)

CMYK

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

Oklch

oklch(89.1% 0.080 96.8)

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

#9BC69B

Celadon · DarkSeaGreen · Apple Green

HEX

#9BC69B

RGB

rgb(155, 198, 155)

HSL

hsl(120, 27%, 69%)

HSB

hsb(120, 22%, 78%)

CMYK

cmyk(22%, 0%, 22%, 22%)

Oklch

oklch(78.4% 0.076 144.8)

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

#76B7A1

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#76B7A1

RGB

rgb(118, 183, 161)

HSL

hsl(160, 31%, 59%)

HSB

hsb(160, 36%, 72%)

CMYK

cmyk(36%, 0%, 12%, 28%)

Oklch

oklch(72.9% 0.074 170.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D97484

73D9C8

Analogous

D973B7

D97484

D99573

Triadic

D97484

84D973

7384D9

Split-Comp.

D97484

73D995

73B7D9

Tetradic

D97484

B7D973

73D9C8

9573D9

Contrast Matrix WCAG 2.1 Contrast

D97484	E69F7F	EADC9F	9BC69B	76B7A1
—	1.4 Fail	2.2 Fail	1.6 Fail	1.3 Fail
1.4 Fail	—	1.6 Fail	1.1 Fail	1.1 Fail
2.2 Fail	1.6 Fail	—	1.4 Fail	1.7 Fail
1.6 Fail	1.1 Fail	1.4 Fail	—	1.2 Fail
1.3 Fail	1.1 Fail	1.7 Fail	1.2 Fail	—

White BG

3.1AA Large

2.2Fail

1.4Fail

1.9Fail

2.3Fail

Black BG

6.8AA

9.6AAA

15.2AAA

10.9AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC80

C7C787

E4E4AE

AEAEA5

9293A6

Deuteranopia

B3BB7F

CBD189

E5E6B1

ABA8A8

8E8AA8

Tritanopia

D47D7C

E28D8E

E9B9BC

9DAEAF

79ABAB

Achromatopsia

949494

B1B1B1

D9D9D9

B4B4B4

A1A1A1

Shades & Tints Shades & Tints

#D97484

Dark

Light

#E69F7F

Dark

Light

#EADC9F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d97484;
  --color-2: #e69f7f;
  --color-3: #eadc9f;
  --color-4: #9bc69b;
  --color-5: #76b7a1;
}

SCSS

$color-1: #d97484;
$color-2: #e69f7f;
$color-3: #eadc9f;
$color-4: #9bc69b;
$color-5: #76b7a1;

TAILWIND

colors: {
  'brand-1': '#d97484',
  'brand-2': '#e69f7f',
  'brand-3': '#eadc9f',
  'brand-4': '#9bc69b',
  'brand-5': '#76b7a1',
}

RGB Array

[217, 116, 132], [230, 159, 127], [234, 220, 159], [155, 198, 155], [118, 183, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D97484, #E69F7F, #EADC9F, #9BC69B, #76B7A1 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: #d97484; --color-2: #e69f7f; --color-3: #eadc9f; --color-4: #9bc69b; --color-5: #76b7a1. 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