#EBA2A0 + #EBCFA6 + #D4CF75 + #91A381 + #598F80 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EBA2A0

Peach Pink · BurlyWood · Coral Red

HEX

#EBA2A0

RGB

rgb(235, 162, 160)

HSL

hsl(2, 65%, 77%)

HSB

hsb(2, 32%, 92%)

CMYK

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

Oklch

oklch(78.2% 0.087 21.0)

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

#EBCFA6

Goose Yellow · Wheat · Peach Orange

HEX

#EBCFA6

RGB

rgb(235, 207, 166)

HSL

hsl(36, 63%, 79%)

HSB

hsb(36, 29%, 92%)

CMYK

cmyk(0%, 12%, 29%, 8%)

Oklch

oklch(86.8% 0.062 77.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D4CF75

Fresh Green · BurlyWood · Sunflower

HEX

#D4CF75

RGB

rgb(212, 207, 117)

HSL

hsl(57, 52%, 65%)

HSB

hsb(57, 45%, 83%)

CMYK

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

Oklch

oklch(83.9% 0.113 105.8)

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

#91A381

Celadon · DarkSeaGreen · Olive Green

HEX

#91A381

RGB

rgb(145, 163, 129)

HSL

hsl(92, 16%, 57%)

HSB

hsb(92, 21%, 64%)

CMYK

cmyk(11%, 0%, 21%, 36%)

Oklch

oklch(69.2% 0.052 130.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#598F80

Mineral Blue · SlateGray · Mint Ice

HEX

#598F80

RGB

rgb(89, 143, 128)

HSL

hsl(163, 23%, 45%)

HSB

hsb(163, 38%, 56%)

CMYK

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

Oklch

oklch(60.8% 0.062 174.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA2A0

9EE8EA

Analogous

EA9EC2

EBA2A0

EAC79E

Triadic

EBA2A0

9EEAA1

A19EEA

Split-Comp.

EBA2A0

9EEAC7

9EC2EA

Tetradic

EBA2A0

C2EA9E

9EE8EA

C79EEA

Contrast Matrix WCAG 2.1 Contrast

EBA2A0	EBCFA6	D4CF75	91A381	598F80
—	1.4 Fail	1.3 Fail	1.3 Fail	1.8 Fail
1.4 Fail	—	1.1 Fail	1.8 Fail	2.5 Fail
1.3 Fail	1.1 Fail	—	1.7 Fail	2.3 Fail
1.3 Fail	1.8 Fail	1.7 Fail	—	1.4 Fail
1.8 Fail	2.5 Fail	2.3 Fail	1.4 Fail	—

White BG

2.1Fail

1.5Fail

1.6Fail

2.7Fail

3.7AA Large

Black BG

10.2AAA

14.0AAA

13.0AAA

7.8AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBA0

DFDFB0

D2D28B

999989

707184

Deuteranopia

D0D5A1

E1E3B2

D2D290

98968B

6D6985

Tritanopia

E7A1A1

EAB8B9

D49CA0

929091

5C8687

Achromatopsia

B8B8B8

D3D3D3

C6C6C6

9A9A9A

7D7D7D

Shades & Tints Shades & Tints

#EBA2A0

Dark

Light

#EBCFA6

Dark

Light

#D4CF75

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba2a0;
  --color-2: #ebcfa6;
  --color-3: #d4cf75;
  --color-4: #91a381;
  --color-5: #598f80;
}

SCSS

$color-1: #eba2a0;
$color-2: #ebcfa6;
$color-3: #d4cf75;
$color-4: #91a381;
$color-5: #598f80;

TAILWIND

colors: {
  'brand-1': '#eba2a0',
  'brand-2': '#ebcfa6',
  'brand-3': '#d4cf75',
  'brand-4': '#91a381',
  'brand-5': '#598f80',
}

RGB Array

[235, 162, 160], [235, 207, 166], [212, 207, 117], [145, 163, 129], [89, 143, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBA2A0, #EBCFA6, #D4CF75, #91A381, #598F80 is ideal for: corporate websites, product showcases, portfolios. 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: #eba2a0; --color-2: #ebcfa6; --color-3: #d4cf75; --color-4: #91a381; --color-5: #598f80. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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