#79A37C + #8BB58F + #9DCCA1 + #CCE0CE + #FFDEBD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#79A37C

Celadon · Gray · Olive Green

HEX

#79A37C

RGB

rgb(121, 163, 124)

HSL

hsl(124, 19%, 56%)

HSB

hsb(124, 26%, 64%)

CMYK

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

Oklch

oklch(67.4% 0.073 146.5)

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

#8BB58F

Celadon · DarkSeaGreen · Apple Green

HEX

#8BB58F

RGB

rgb(139, 181, 143)

HSL

hsl(126, 22%, 63%)

HSB

hsb(126, 23%, 71%)

CMYK

cmyk(23%, 0%, 21%, 29%)

Oklch

oklch(73.2% 0.071 147.3)

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

#9DCCA1

Celadon · DarkSeaGreen · Apple Green

HEX

#9DCCA1

RGB

rgb(157, 204, 161)

HSL

hsl(125, 32%, 71%)

HSB

hsb(125, 23%, 80%)

CMYK

cmyk(23%, 0%, 21%, 20%)

Oklch

oklch(80.0% 0.078 147.0)

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

#CCE0CE

Celadon · LightGray · Mint Green

HEX

#CCE0CE

RGB

rgb(204, 224, 206)

HSL

hsl(126, 24%, 84%)

HSB

hsb(126, 9%, 88%)

CMYK

cmyk(9%, 0%, 8%, 12%)

Oklch

oklch(88.7% 0.032 148.2)

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

#FFDEBD

Goose Yellow · Bisque · Peach Orange

HEX

#FFDEBD

RGB

rgb(255, 222, 189)

HSL

hsl(30, 100%, 87%)

HSB

hsb(30, 26%, 100%)

CMYK

cmyk(0%, 13%, 26%, 0%)

Oklch

oklch(92.0% 0.057 67.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79A37C

A479A1

Analogous

8CA479

79A37C

79A492

Triadic

79A37C

7C79A4

A47C79

Split-Comp.

79A37C

9279A4

A4798C

Tetradic

79A37C

798CA4

A479A1

A49279

Contrast Matrix WCAG 2.1 Contrast

79A37C	8BB58F	9DCCA1	CCE0CE	FFDEBD
—	1.2 Fail	1.6 Fail	2.1 Fail	2.2 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.8 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.4 Fail
2.1 Fail	1.7 Fail	1.3 Fail	—	1.1 Fail
2.2 Fail	1.8 Fail	1.4 Fail	1.1 Fail	—

White BG

2.9Fail

2.3Fail

1.8Fail

1.4Fail

1.3Fail

Black BG

7.3AAA

9.1AAA

11.6AAA

15.1AAA

16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8C85

9D9E98

B1B2AB

D5D5D2

F1F0C5

Deuteranopia

898688

9B989A

AFABAE

D4D2D3

F3F5C7

Tritanopia

7B8D8F

8D9FA1

9FB4B5

CDD6D7

FDCBCD

Achromatopsia

929292

A4A4A4

B9B9B9

D8D8D8

E4E4E4

Shades & Tints Shades & Tints

#79A37C

Dark

Light

#8BB58F

Dark

Light

#9DCCA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79a37c;
  --color-2: #8bb58f;
  --color-3: #9dcca1;
  --color-4: #cce0ce;
  --color-5: #ffdebd;
}

SCSS

$color-1: #79a37c;
$color-2: #8bb58f;
$color-3: #9dcca1;
$color-4: #cce0ce;
$color-5: #ffdebd;

TAILWIND

colors: {
  'brand-1': '#79a37c',
  'brand-2': '#8bb58f',
  'brand-3': '#9dcca1',
  'brand-4': '#cce0ce',
  'brand-5': '#ffdebd',
}

RGB Array

[121, 163, 124], [139, 181, 143], [157, 204, 161], [204, 224, 206], [255, 222, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79A37C, #8BB58F, #9DCCA1, #CCE0CE, #FFDEBD 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: #79a37c; --color-2: #8bb58f; --color-3: #9dcca1; --color-4: #cce0ce; --color-5: #ffdebd. 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