#82B793 + #8EBA86 + #BDB081 + #DFA081 + #E697A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#82B793

Celadon · DarkSeaGreen · Apple Green

HEX

#82B793

RGB

rgb(130, 183, 147)

HSL

hsl(139, 27%, 61%)

HSB

hsb(139, 29%, 72%)

CMYK

cmyk(29%, 0%, 20%, 28%)

Oklch

oklch(73.2% 0.076 154.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#8EBA86

Celadon · DarkSeaGreen · Apple Green

HEX

#8EBA86

RGB

rgb(142, 186, 134)

HSL

hsl(111, 27%, 63%)

HSB

hsb(111, 28%, 73%)

CMYK

cmyk(24%, 0%, 28%, 27%)

Oklch

oklch(74.4% 0.087 140.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BDB081

Ginger · Tan · Sunflower

HEX

#BDB081

RGB

rgb(189, 176, 129)

HSL

hsl(47, 31%, 62%)

HSB

hsb(47, 32%, 74%)

CMYK

cmyk(0%, 7%, 32%, 26%)

Oklch

oklch(75.7% 0.065 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DFA081

Apricot · DarkSalmon · Warm Sun

HEX

#DFA081

RGB

rgb(223, 160, 129)

HSL

hsl(20, 59%, 69%)

HSB

hsb(20, 42%, 87%)

CMYK

cmyk(0%, 28%, 42%, 13%)

Oklch

oklch(75.9% 0.087 47.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E697A2

Peach Pink · DarkSalmon · Coral Red

HEX

#E697A2

RGB

rgb(230, 151, 162)

HSL

hsl(352, 61%, 75%)

HSB

hsb(352, 34%, 90%)

CMYK

cmyk(0%, 34%, 30%, 10%)

Oklch

oklch(75.8% 0.096 10.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

82B793

B681A5

Analogous

8BB681

82B793

81B6AD

Triadic

82B793

9281B6

B69281

Split-Comp.

82B793

AD81B6

B6818B

Tetradic

82B793

818BB6

B681A5

B6AD81

Contrast Matrix WCAG 2.1 Contrast

82B793	8EBA86	BDB081	DFA081	E697A2
—	1.0 Fail	1.1 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

2.3Fail

2.2Fail

2.3Fail

Black BG

9.1AAA

9.5AAA

9.7AAA

9.5AAA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

99999C

A1A193

B7B78C

C4C389

C4C39F

Deuteranopia

96929E

9F9B96

B8B98F

C7CC8A

C8CE9F

Tritanopia

85A3A4

909D9F

BC9597

DC8E90

E29D9D

Achromatopsia

A3A3A3

A7A7A7

AFAFAF

B0B0B0

Shades & Tints Shades & Tints

#82B793

Dark

Light

#8EBA86

Dark

Light

#BDB081

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #82b793;
  --color-2: #8eba86;
  --color-3: #bdb081;
  --color-4: #dfa081;
  --color-5: #e697a2;
}

SCSS

$color-1: #82b793;
$color-2: #8eba86;
$color-3: #bdb081;
$color-4: #dfa081;
$color-5: #e697a2;

TAILWIND

colors: {
  'brand-1': '#82b793',
  'brand-2': '#8eba86',
  'brand-3': '#bdb081',
  'brand-4': '#dfa081',
  'brand-5': '#e697a2',
}

RGB Array

[130, 183, 147], [142, 186, 134], [189, 176, 129], [223, 160, 129], [230, 151, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #82B793, #8EBA86, #BDB081, #DFA081, #E697A2 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: #82b793; --color-2: #8eba86; --color-3: #bdb081; --color-4: #dfa081; --color-5: #e697a2. 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