#59CF95 + #9CA366 + #A37859 + #9C4C63 + #542B4C · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#59CF95

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#59CF95

RGB

rgb(89, 207, 149)

HSL

hsl(151, 55%, 58%)

HSB

hsb(151, 57%, 81%)

CMYK

cmyk(57%, 0%, 28%, 19%)

Oklch

oklch(77.2% 0.137 159.2)

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

#9CA366

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#9CA366

RGB

rgb(156, 163, 102)

HSL

hsl(67, 25%, 52%)

HSB

hsb(67, 37%, 64%)

CMYK

cmyk(4%, 0%, 37%, 36%)

Oklch

oklch(69.5% 0.083 113.9)

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

#A37859

Tangerine · Gray · Amber Brown

HEX

#A37859

RGB

rgb(163, 120, 89)

HSL

hsl(25, 29%, 49%)

HSB

hsb(25, 45%, 64%)

CMYK

cmyk(0%, 26%, 45%, 36%)

Oklch

oklch(60.8% 0.070 56.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#9C4C63

Dark Violet · Sienna · Camellia

HEX

#9C4C63

RGB

rgb(156, 76, 99)

HSL

hsl(343, 34%, 45%)

HSB

hsb(343, 51%, 61%)

CMYK

cmyk(0%, 51%, 37%, 39%)

Oklch

oklch(52.2% 0.109 3.4)

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

#542B4C

Rose Purple · DarkSlateGray · Eggplant

HEX

#542B4C

RGB

rgb(84, 43, 76)

HSL

hsl(312, 32%, 25%)

HSB

hsb(312, 49%, 33%)

CMYK

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

Oklch

oklch(35.6% 0.077 334.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59CF95

CF5992

Analogous

59CF5B

59CF95

59CDCF

Triadic

59CF95

9659CF

CF9659

Split-Comp.

59CF95

CF59CD

CF5B59

Tetradic

59CF95

5B59CF

CF5992

CDCF59

Contrast Matrix WCAG 2.1 Contrast

59CF95	9CA366	A37859	9C4C63	542B4C
—	1.4 Fail	2.0 Fail	3.0 Fail	5.9 AA
1.4 Fail	—	1.5 Fail	2.2 Fail	4.3 AA Large
2.0 Fail	1.5 Fail	—	1.5 Fail	2.9 Fail
3.0 Fail	2.2 Fail	1.5 Fail	—	2.0 Fail
5.9 AA	4.3 AA Large	2.9 Fail	2.0 Fail	—

White BG

1.9Fail

2.7Fail

3.9AA Large

5.8AA

11.5AAA

Black BG

10.8AAA

7.8AAA

5.4AA

3.6AA Large

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8DA3

9F9F75

909061

79795D

424244

Deuteranopia

857CA6

9F9E78

939662

7E845C

454842

Tritanopia

5FAEB1

9C8083

A16668

985958

523E3C

Achromatopsia

A5A5A5

9A9A9A

818181

676767

3B3B3B

Shades & Tints Shades & Tints

#59CF95

Dark

Light

#9CA366

Dark

Light

#A37859

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59cf95;
  --color-2: #9ca366;
  --color-3: #a37859;
  --color-4: #9c4c63;
  --color-5: #542b4c;
}

SCSS

$color-1: #59cf95;
$color-2: #9ca366;
$color-3: #a37859;
$color-4: #9c4c63;
$color-5: #542b4c;

TAILWIND

colors: {
  'brand-1': '#59cf95',
  'brand-2': '#9ca366',
  'brand-3': '#a37859',
  'brand-4': '#9c4c63',
  'brand-5': '#542b4c',
}

RGB Array

[89, 207, 149], [156, 163, 102], [163, 120, 89], [156, 76, 99], [84, 43, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #59CF95, #9CA366, #A37859, #9C4C63, #542B4C 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: #59cf95; --color-2: #9ca366; --color-3: #a37859; --color-4: #9c4c63; --color-5: #542b4c. 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 sunset-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