#8BAD92 + #BEBC95 + #F2D4A2 + #EDA493 + #9E8580 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8BAD92

Celadon · DarkSeaGreen · Apple Green

HEX

#8BAD92

RGB

rgb(139, 173, 146)

HSL

hsl(132, 17%, 61%)

HSB

hsb(132, 20%, 68%)

CMYK

cmyk(20%, 0%, 16%, 32%)

Oklch

oklch(71.5% 0.054 151.0)

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

#BEBC95

Fresh Green · Tan · Sunflower

HEX

#BEBC95

RGB

rgb(190, 188, 149)

HSL

hsl(57, 24%, 66%)

HSB

hsb(57, 22%, 75%)

CMYK

cmyk(0%, 1%, 22%, 25%)

Oklch

oklch(78.7% 0.053 105.1)

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

#F2D4A2

Goose Yellow · Wheat · Peach Orange

HEX

#F2D4A2

RGB

rgb(242, 212, 162)

HSL

hsl(38, 75%, 79%)

HSB

hsb(38, 33%, 95%)

CMYK

cmyk(0%, 12%, 33%, 5%)

Oklch

oklch(88.3% 0.073 80.2)

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

#EDA493

Peach Pink · BurlyWood · Coral Red

HEX

#EDA493

RGB

rgb(237, 164, 147)

HSL

hsl(11, 71%, 75%)

HSB

hsb(11, 38%, 93%)

CMYK

cmyk(0%, 31%, 38%, 7%)

Oklch

oklch(78.5% 0.091 33.6)

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

#9E8580

Crimson · Gray · Passion Red

HEX

#9E8580

RGB

rgb(158, 133, 128)

HSL

hsl(10, 13%, 56%)

HSB

hsb(10, 19%, 62%)

CMYK

cmyk(0%, 16%, 19%, 38%)

Oklch

oklch(63.8% 0.032 31.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8BAD92

AC8BA6

Analogous

95AC8B

8BAD92

8BACA2

Triadic

8BAD92

918BAC

AC918B

Split-Comp.

8BAD92

A28BAC

AC8B95

Tetradic

8BAD92

8B95AC

AC8BA6

ACA28B

Contrast Matrix WCAG 2.1 Contrast

8BAD92	BEBC95	F2D4A2	EDA493	9E8580
—	1.3 Fail	1.7 Fail	1.2 Fail	1.4 Fail
1.3 Fail	—	1.4 Fail	1.0 Fail	1.8 Fail
1.7 Fail	1.4 Fail	—	1.4 Fail	2.4 Fail
1.2 Fail	1.0 Fail	1.4 Fail	—	1.7 Fail
1.4 Fail	1.8 Fail	2.4 Fail	1.7 Fail	—

White BG

2.5Fail

1.9Fail

1.4Fail

2.0Fail

3.4AA Large

Black BG

8.5AAA

10.8AAA

14.7AAA

10.3AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9A99

BDBD9E

E5E5AE

CDCD97

939381

Deuteranopia

98959A

BDBDA1

E7E9B1

D2D798

959782

Tritanopia

8D9E9F

BEA6A8

F0B8BA

E99A9B

9D8282

Achromatopsia

A0A0A0

B8B8B8

D7D7D7

B8B8B8

8C8C8C

Shades & Tints Shades & Tints

#8BAD92

Dark

Light

#BEBC95

Dark

Light

#F2D4A2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8bad92;
  --color-2: #bebc95;
  --color-3: #f2d4a2;
  --color-4: #eda493;
  --color-5: #9e8580;
}

SCSS

$color-1: #8bad92;
$color-2: #bebc95;
$color-3: #f2d4a2;
$color-4: #eda493;
$color-5: #9e8580;

TAILWIND

colors: {
  'brand-1': '#8bad92',
  'brand-2': '#bebc95',
  'brand-3': '#f2d4a2',
  'brand-4': '#eda493',
  'brand-5': '#9e8580',
}

RGB Array

[139, 173, 146], [190, 188, 149], [242, 212, 162], [237, 164, 147], [158, 133, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8BAD92, #BEBC95, #F2D4A2, #EDA493, #9E8580 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: #8bad92; --color-2: #bebc95; --color-3: #f2d4a2; --color-4: #eda493; --color-5: #9e8580. 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