#80B358 + #969932 + #8F6842 + #85424D + #634653 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#80B358

Celadon · DarkSeaGreen · Olive Green

HEX

#80B358

RGB

rgb(128, 179, 88)

HSL

hsl(94, 37%, 52%)

HSB

hsb(94, 51%, 70%)

CMYK

cmyk(28%, 0%, 51%, 30%)

Oklch

oklch(71.0% 0.133 133.0)

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

#969932

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#969932

RGB

rgb(150, 153, 50)

HSL

hsl(62, 51%, 40%)

HSB

hsb(62, 67%, 60%)

CMYK

cmyk(2%, 0%, 67%, 40%)

Oklch

oklch(66.1% 0.124 111.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#8F6842

Ochre · Sienna · Amber Brown

HEX

#8F6842

RGB

rgb(143, 104, 66)

HSL

hsl(30, 37%, 41%)

HSB

hsb(30, 54%, 56%)

CMYK

cmyk(0%, 27%, 54%, 44%)

Oklch

oklch(54.8% 0.073 64.6)

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

#85424D

Crimson · Sienna · Wine Red

HEX

#85424D

RGB

rgb(133, 66, 77)

HSL

hsl(350, 34%, 39%)

HSB

hsb(350, 50%, 52%)

CMYK

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

Oklch

oklch(46.7% 0.092 10.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#634653

Dark Violet · DimGray · Camellia

HEX

#634653

RGB

rgb(99, 70, 83)

HSL

hsl(333, 17%, 33%)

HSB

hsb(333, 29%, 39%)

CMYK

cmyk(0%, 29%, 16%, 61%)

Oklch

oklch(43.0% 0.044 350.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80B358

8B57B2

Analogous

ACB257

80B358

57B25D

Triadic

80B358

577FB2

B2577F

Split-Comp.

80B358

5D57B2

B257AC

Tetradic

80B358

57ACB2

8B57B2

B25D57

Contrast Matrix WCAG 2.1 Contrast

80B358	969932	8F6842	85424D	634653
—	1.2 Fail	2.0 Fail	2.9 Fail	3.4 AA Large
1.2 Fail	—	1.6 Fail	2.4 Fail	2.7 Fail
2.0 Fail	1.6 Fail	—	1.5 Fail	1.7 Fail
2.9 Fail	2.4 Fail	1.5 Fail	—	1.1 Fail
3.4 AA Large	2.7 Fail	1.7 Fail	1.1 Fail	—

White BG

2.5Fail

3.0AA Large

5.0AA

7.3AAA

8.3AAA

Black BG

8.5AAA

6.9AA

4.2AA Large

2.9Fail

2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

96976E

97974B

7E7E4B

68674A

565650

Deuteranopia

938F73

979751

80834D

6C714A

585A4F

Tritanopia

837F83

965F63

8D5254

824848

624D4D

Achromatopsia

999999

8C8C8C

6F6F6F

575757

505050

Shades & Tints Shades & Tints

#80B358

Dark

Light

#969932

Dark

Light

#8F6842

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80b358;
  --color-2: #969932;
  --color-3: #8f6842;
  --color-4: #85424d;
  --color-5: #634653;
}

SCSS

$color-1: #80b358;
$color-2: #969932;
$color-3: #8f6842;
$color-4: #85424d;
$color-5: #634653;

TAILWIND

colors: {
  'brand-1': '#80b358',
  'brand-2': '#969932',
  'brand-3': '#8f6842',
  'brand-4': '#85424d',
  'brand-5': '#634653',
}

RGB Array

[128, 179, 88], [150, 153, 50], [143, 104, 66], [133, 66, 77], [99, 70, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #80B358, #969932, #8F6842, #85424D, #634653 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: #80b358; --color-2: #969932; --color-3: #8f6842; --color-4: #85424d; --color-5: #634653. 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 pastel-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