#59C995 + #DEE356 + #E88043 + #BD3560 + #4F336B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#59C995

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#59C995

RGB

rgb(89, 201, 149)

HSL

hsl(152, 51%, 57%)

HSB

hsb(152, 56%, 79%)

CMYK

cmyk(56%, 0%, 26%, 21%)

Oklch

oklch(75.7% 0.128 160.8)

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

#DEE356

Fresh Green · Khaki · Sunflower

HEX

#DEE356

RGB

rgb(222, 227, 86)

HSL

hsl(62, 72%, 61%)

HSB

hsb(62, 62%, 89%)

CMYK

cmyk(2%, 0%, 62%, 11%)

Oklch

oklch(88.6% 0.161 111.2)

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

#E88043

Tangerine · Coral · Warm Sun

HEX

#E88043

RGB

rgb(232, 128, 67)

HSL

hsl(22, 78%, 59%)

HSB

hsb(22, 71%, 91%)

CMYK

cmyk(0%, 45%, 71%, 9%)

Oklch

oklch(70.4% 0.148 48.9)

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

#BD3560

Dark Violet · MediumVioletRed · Camellia

HEX

#BD3560

RGB

rgb(189, 53, 96)

HSL

hsl(341, 56%, 47%)

HSB

hsb(341, 72%, 74%)

CMYK

cmyk(0%, 72%, 49%, 26%)

Oklch

oklch(54.4% 0.174 6.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#4F336B

Dark Plum · DarkSlateBlue · Eggplant

HEX

#4F336B

RGB

rgb(79, 51, 107)

HSL

hsl(270, 35%, 31%)

HSB

hsb(270, 52%, 42%)

CMYK

cmyk(26%, 52%, 0%, 58%)

Oklch

oklch(38.1% 0.096 305.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59C995

C9598E

Analogous

59C95D

59C995

59C6C9

Triadic

59C995

9559C9

C99559

Split-Comp.

59C995

C959C6

C95D59

Tetradic

59C995

5D59C9

C9598E

C6C959

Contrast Matrix WCAG 2.1 Contrast

59C995	DEE356	E88043	BD3560	4F336B
—	1.5 Fail	1.3 Fail	2.7 Fail	5.1 AA
1.5 Fail	—	2.0 Fail	4.0 AA Large	7.5 AAA
1.3 Fail	2.0 Fail	—	2.0 Fail	3.8 AA Large
2.7 Fail	4.0 AA Large	2.0 Fail	—	1.9 Fail
5.1 AA	7.5 AAA	3.8 AA Large	1.9 Fail	—

White BG

2.1Fail

1.4Fail

2.8Fail

5.5AA

10.4AAA

Black BG

10.2AAA

15.2AAA

7.6AAA

3.8AA Large

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

898BA2

E0E078

BBBA52

828156

43435D

Deuteranopia

837BA5

E0DF80

C1C955

8A9453

45475A

Tritanopia

5FACAE

DE9399

E35D60

B64D4C

4E5350

Achromatopsia

A2A2A2

D1D1D1

989898

636363

424242

Shades & Tints Shades & Tints

#59C995

Dark

Light

#DEE356

Dark

Light

#E88043

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59c995;
  --color-2: #dee356;
  --color-3: #e88043;
  --color-4: #bd3560;
  --color-5: #4f336b;
}

SCSS

$color-1: #59c995;
$color-2: #dee356;
$color-3: #e88043;
$color-4: #bd3560;
$color-5: #4f336b;

TAILWIND

colors: {
  'brand-1': '#59c995',
  'brand-2': '#dee356',
  'brand-3': '#e88043',
  'brand-4': '#bd3560',
  'brand-5': '#4f336b',
}

RGB Array

[89, 201, 149], [222, 227, 86], [232, 128, 67], [189, 53, 96], [79, 51, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #59C995, #DEE356, #E88043, #BD3560, #4F336B 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: #59c995; --color-2: #dee356; --color-3: #e88043; --color-4: #bd3560; --color-5: #4f336b. 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