#ACD095 + #B58C85 + #E6604C + #E6A84C + #E8DE9B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACD095

Celadon · DarkSeaGreen · Apple Green

HEX

#ACD095

RGB

rgb(172, 208, 149)

HSL

hsl(97, 39%, 70%)

HSB

hsb(97, 28%, 82%)

CMYK

cmyk(17%, 0%, 28%, 18%)

Oklch

oklch(81.6% 0.089 133.6)

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

#B58C85

Peach Pink · DarkGray · Coral Red

HEX

#B58C85

RGB

rgb(181, 140, 133)

HSL

hsl(9, 24%, 62%)

HSB

hsb(9, 27%, 71%)

CMYK

cmyk(0%, 23%, 27%, 29%)

Oklch

oklch(67.7% 0.051 29.6)

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

#E6604C

Vermilion · Tomato · Passion Red

HEX

#E6604C

RGB

rgb(230, 96, 76)

HSL

hsl(8, 75%, 60%)

HSB

hsb(8, 67%, 90%)

CMYK

cmyk(0%, 58%, 67%, 10%)

Oklch

oklch(65.5% 0.171 30.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E6A84C

Ginger · SandyBrown · Warm Sun

HEX

#E6A84C

RGB

rgb(230, 168, 76)

HSL

hsl(36, 75%, 60%)

HSB

hsb(36, 67%, 90%)

CMYK

cmyk(0%, 27%, 67%, 10%)

Oklch

oklch(77.3% 0.130 74.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E8DE9B

Fresh Green · Khaki · Lemon Cream

HEX

#E8DE9B

RGB

rgb(232, 222, 155)

HSL

hsl(52, 63%, 76%)

HSB

hsb(52, 33%, 91%)

CMYK

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

Oklch

oklch(89.3% 0.086 100.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACD095

B995D0

Analogous

C9D095

ACD095

95D09C

Triadic

ACD095

95ACD0

D095AC

Split-Comp.

ACD095

9C95D0

D095C9

Tetradic

ACD095

95C9D0

B995D0

D09C95

Contrast Matrix WCAG 2.1 Contrast

ACD095	B58C85	E6604C	E6A84C	E8DE9B
—	1.7 Fail	2.0 Fail	1.2 Fail	1.3 Fail
1.7 Fail	—	1.1 Fail	1.4 Fail	2.2 Fail
2.0 Fail	1.1 Fail	—	1.6 Fail	2.5 Fail
1.2 Fail	1.4 Fail	1.6 Fail	—	1.5 Fail
1.3 Fail	2.2 Fail	2.5 Fail	1.5 Fail	—

White BG

1.7Fail

3.0Fail

3.4AA Large

2.1Fail

1.4Fail

Black BG

12.2AAA

7.1AAA

6.1AA

10.1AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCA3

A3A387

ACAB51

CBCB62

E4E4AB

Deuteranopia

BAB7A7

A6A987

B4BE52

CFD368

E4E5AF

Tritanopia

AEAFB1

B38888

DF5556

E37478

E7B8BB

Achromatopsia

BFBFBF

979797

868686

B0B0B0

D9D9D9

Shades & Tints Shades & Tints

#ACD095

Dark

Light

#B58C85

Dark

Light

#E6604C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acd095;
  --color-2: #b58c85;
  --color-3: #e6604c;
  --color-4: #e6a84c;
  --color-5: #e8de9b;
}

SCSS

$color-1: #acd095;
$color-2: #b58c85;
$color-3: #e6604c;
$color-4: #e6a84c;
$color-5: #e8de9b;

TAILWIND

colors: {
  'brand-1': '#acd095',
  'brand-2': '#b58c85',
  'brand-3': '#e6604c',
  'brand-4': '#e6a84c',
  'brand-5': '#e8de9b',
}

RGB Array

[172, 208, 149], [181, 140, 133], [230, 96, 76], [230, 168, 76], [232, 222, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACD095, #B58C85, #E6604C, #E6A84C, #E8DE9B 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: #acd095; --color-2: #b58c85; --color-3: #e6604c; --color-4: #e6a84c; --color-5: #e8de9b. 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