#92BDA2 + #ACC89F + #C6D39D + #E0DE9A + #FAE997 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92BDA2

Celadon · DarkSeaGreen · Apple Green

HEX

#92BDA2

RGB

rgb(146, 189, 162)

HSL

hsl(142, 25%, 66%)

HSB

hsb(142, 23%, 74%)

CMYK

cmyk(23%, 0%, 14%, 26%)

Oklch

oklch(76.0% 0.060 157.1)

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

#ACC89F

Celadon · DarkGray · Apple Green

HEX

#ACC89F

RGB

rgb(172, 200, 159)

HSL

hsl(101, 27%, 70%)

HSB

hsb(101, 21%, 78%)

CMYK

cmyk(14%, 0%, 21%, 22%)

Oklch

oklch(80.1% 0.064 135.8)

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

#C6D39D

Willow Green · Tan · Apple Green

HEX

#C6D39D

RGB

rgb(198, 211, 157)

HSL

hsl(74, 38%, 72%)

HSB

hsb(74, 26%, 83%)

CMYK

cmyk(6%, 0%, 26%, 17%)

Oklch

oklch(84.3% 0.073 119.0)

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

#E0DE9A

Fresh Green · Khaki · Sunflower

HEX

#E0DE9A

RGB

rgb(224, 222, 154)

HSL

hsl(58, 53%, 74%)

HSB

hsb(58, 31%, 88%)

CMYK

cmyk(0%, 1%, 31%, 12%)

Oklch

oklch(88.6% 0.087 106.6)

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

#FAE997

Fresh Green · Khaki · Lemon Cream

HEX

#FAE997

RGB

rgb(250, 233, 151)

HSL

hsl(50, 91%, 79%)

HSB

hsb(50, 40%, 98%)

CMYK

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

Oklch

oklch(93.0% 0.104 97.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92BDA2

BE93AE

Analogous

98BE93

92BDA2

93BEB8

Triadic

92BDA2

A393BE

BEA393

Split-Comp.

92BDA2

B893BE

BE9398

Tetradic

92BDA2

9398BE

BE93AE

BEB893

Contrast Matrix WCAG 2.1 Contrast

92BDA2	ACC89F	C6D39D	E0DE9A	FAE997
—	1.1 Fail	1.3 Fail	1.5 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

2.1Fail

1.8Fail

1.6Fail

1.4Fail

1.2Fail

Black BG

10.0AAA

11.5AAA

13.2AAA

15.1AAA

17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5A9

B8B8A9

CCCCAA

DFDFAA

F3F2AB

Deuteranopia

A29FAA

B7B4AB

CBCAAD

DFDFAE

F4F5B0

Tritanopia

94AEAF

ADB1B2

C7B4B7

E0B7BA

F9BBBE

Achromatopsia

ADADAD

BBBBBB

C9C9C9

D7D7D7

E5E5E5

Shades & Tints Shades & Tints

#92BDA2

Dark

Light

#ACC89F

Dark

Light

#C6D39D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92bda2;
  --color-2: #acc89f;
  --color-3: #c6d39d;
  --color-4: #e0de9a;
  --color-5: #fae997;
}

SCSS

$color-1: #92bda2;
$color-2: #acc89f;
$color-3: #c6d39d;
$color-4: #e0de9a;
$color-5: #fae997;

TAILWIND

colors: {
  'brand-1': '#92bda2',
  'brand-2': '#acc89f',
  'brand-3': '#c6d39d',
  'brand-4': '#e0de9a',
  'brand-5': '#fae997',
}

RGB Array

[146, 189, 162], [172, 200, 159], [198, 211, 157], [224, 222, 154], [250, 233, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92BDA2, #ACC89F, #C6D39D, #E0DE9A, #FAE997 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: #92bda2; --color-2: #acc89f; --color-3: #c6d39d; --color-4: #e0de9a; --color-5: #fae997. 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