#D39AA8 + #EBA996 + #F7CD89 + #B0C379 + #57AE8C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D39AA8

Peach Pink · Tan · Coral Red

HEX

#D39AA8

RGB

rgb(211, 154, 168)

HSL

hsl(345, 39%, 72%)

HSB

hsb(345, 27%, 83%)

CMYK

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

Oklch

oklch(74.4% 0.070 2.7)

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

#EBA996

Peach Pink · BurlyWood · Coral Red

HEX

#EBA996

RGB

rgb(235, 169, 150)

HSL

hsl(13, 68%, 75%)

HSB

hsb(13, 36%, 92%)

CMYK

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

Oklch

oklch(79.3% 0.083 36.7)

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

#F7CD89

Goose Yellow · Khaki · Warm Sun

HEX

#F7CD89

RGB

rgb(247, 205, 137)

HSL

hsl(37, 87%, 75%)

HSB

hsb(37, 45%, 97%)

CMYK

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

Oklch

oklch(87.0% 0.098 79.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B0C379

Willow Green · DarkSeaGreen · Apple Green

HEX

#B0C379

RGB

rgb(176, 195, 121)

HSL

hsl(75, 38%, 62%)

HSB

hsb(75, 38%, 76%)

CMYK

cmyk(10%, 0%, 38%, 24%)

Oklch

oklch(78.5% 0.100 120.5)

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

#57AE8C

Mineral Blue · CadetBlue · Olive Green

HEX

#57AE8C

RGB

rgb(87, 174, 140)

HSL

hsl(157, 35%, 51%)

HSB

hsb(157, 50%, 68%)

CMYK

cmyk(50%, 0%, 20%, 32%)

Oklch

oklch(68.7% 0.099 165.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D39AA8

9CD3C6

Analogous

D39CC6

D39AA8

D3AA9C

Triadic

D39AA8

AAD39C

9CAAD3

Split-Comp.

D39AA8

9CD3AA

9CC6D3

Tetradic

D39AA8

C6D39C

9CD3C6

AA9CD3

Contrast Matrix WCAG 2.1 Contrast

D39AA8	EBA996	F7CD89	B0C379	57AE8C
—	1.2 Fail	1.6 Fail	1.2 Fail	1.1 Fail
1.2 Fail	—	1.3 Fail	1.0 Fail	1.4 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
1.2 Fail	1.0 Fail	1.3 Fail	—	1.4 Fail
1.1 Fail	1.4 Fail	1.8 Fail	1.4 Fail	—

White BG

2.3Fail

2.0Fail

1.5Fail

1.9Fail

2.7Fail

Black BG

9.0AAA

10.6AAA

14.0AAA

10.9AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA5

CECE9B

E5E499

B8B88B

7D7D94

Deuteranopia

BEC2A4

D2D79C

E7EA9D

B7B68F

787196

Tritanopia

D0A2A1

E89E9F

F5A6A9

B1999C

5B9B9C

Achromatopsia

ADADAD

BBBBBB

D2D2D2

B5B5B5

909090

Shades & Tints Shades & Tints

#D39AA8

Dark

Light

#EBA996

Dark

Light

#F7CD89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d39aa8;
  --color-2: #eba996;
  --color-3: #f7cd89;
  --color-4: #b0c379;
  --color-5: #57ae8c;
}

SCSS

$color-1: #d39aa8;
$color-2: #eba996;
$color-3: #f7cd89;
$color-4: #b0c379;
$color-5: #57ae8c;

TAILWIND

colors: {
  'brand-1': '#d39aa8',
  'brand-2': '#eba996',
  'brand-3': '#f7cd89',
  'brand-4': '#b0c379',
  'brand-5': '#57ae8c',
}

RGB Array

[211, 154, 168], [235, 169, 150], [247, 205, 137], [176, 195, 121], [87, 174, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D39AA8, #EBA996, #F7CD89, #B0C379, #57AE8C 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: #d39aa8; --color-2: #eba996; --color-3: #f7cd89; --color-4: #b0c379; --color-5: #57ae8c. 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