#4A9571 + #B4AC7B + #F9BE8A + #ECD290 + #E8EB9C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#4A9571

Mineral Blue · MediumSeaGreen · Olive Green

HEX

#4A9571

RGB

rgb(74, 149, 113)

HSL

hsl(151, 34%, 44%)

HSB

hsb(151, 50%, 58%)

CMYK

cmyk(50%, 0%, 24%, 42%)

Oklch

oklch(61.1% 0.094 160.9)

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

#B4AC7B

Autumn Sage · Tan · Sunflower

HEX

#B4AC7B

RGB

rgb(180, 172, 123)

HSL

hsl(52, 28%, 59%)

HSB

hsb(52, 32%, 71%)

CMYK

cmyk(0%, 4%, 32%, 29%)

Oklch

oklch(73.9% 0.067 100.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F9BE8A

Apricot · BurlyWood · Peach Orange

HEX

#F9BE8A

RGB

rgb(249, 190, 138)

HSL

hsl(28, 90%, 76%)

HSB

hsb(28, 45%, 98%)

CMYK

cmyk(0%, 24%, 45%, 2%)

Oklch

oklch(84.3% 0.096 62.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#ECD290

Goose Yellow · Khaki · Sunflower

HEX

#ECD290

RGB

rgb(236, 210, 144)

HSL

hsl(43, 71%, 75%)

HSB

hsb(43, 39%, 93%)

CMYK

cmyk(0%, 11%, 39%, 7%)

Oklch

oklch(87.0% 0.089 88.9)

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

#E8EB9C

Fresh Green · Khaki · Lemon Cream

HEX

#E8EB9C

RGB

rgb(232, 235, 156)

HSL

hsl(62, 66%, 77%)

HSB

hsb(62, 34%, 92%)

CMYK

cmyk(1%, 0%, 34%, 8%)

Oklch

oklch(92.0% 0.100 110.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A9571

964A6F

Analogous

4A964B

4A9571

4A9596

Triadic

4A9571

714A96

96714A

Split-Comp.

4A9571

964A95

964B4A

Tetradic

4A9571

4B4A96

964A6F

95964A

Contrast Matrix WCAG 2.1 Contrast

4A9571	B4AC7B	F9BE8A	ECD290	E8EB9C
—	1.6 Fail	2.2 Fail	2.4 Fail	2.9 Fail
1.6 Fail	—	1.4 Fail	1.6 Fail	1.8 Fail
2.2 Fail	1.4 Fail	—	1.1 Fail	1.3 Fail
2.4 Fail	1.6 Fail	1.1 Fail	—	1.2 Fail
2.9 Fail	1.8 Fail	1.3 Fail	1.2 Fail	—

White BG

3.6AA Large

2.3Fail

1.6Fail

1.5Fail

1.3Fail

Black BG

5.8AA

9.1AAA

12.8AAA

14.2AAA

16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6B7A

B1B087

DFDF97

E1E1A0

E9E9AF

Deuteranopia

66617C

B1B28A

E3E79A

E2E4A4

E9E9B4

Tritanopia

4E8182

B49092

F6A1A3

EBADAF

E8BEC2

Achromatopsia

7A7A7A

A9A9A9

CACACA

D2D2D2

E1E1E1

Shades & Tints Shades & Tints

#4A9571

Dark

Light

#B4AC7B

Dark

Light

#F9BE8A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a9571;
  --color-2: #b4ac7b;
  --color-3: #f9be8a;
  --color-4: #ecd290;
  --color-5: #e8eb9c;
}

SCSS

$color-1: #4a9571;
$color-2: #b4ac7b;
$color-3: #f9be8a;
$color-4: #ecd290;
$color-5: #e8eb9c;

TAILWIND

colors: {
  'brand-1': '#4a9571',
  'brand-2': '#b4ac7b',
  'brand-3': '#f9be8a',
  'brand-4': '#ecd290',
  'brand-5': '#e8eb9c',
}

RGB Array

[74, 149, 113], [180, 172, 123], [249, 190, 138], [236, 210, 144], [232, 235, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A9571, #B4AC7B, #F9BE8A, #ECD290, #E8EB9C 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: #4a9571; --color-2: #b4ac7b; --color-3: #f9be8a; --color-4: #ecd290; --color-5: #e8eb9c. 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