#71AE94 + #A0C694 + #CFDE94 + #FEF694 + #E2C17F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#71AE94

Mineral Blue · CadetBlue · Olive Green

HEX

#71AE94

RGB

rgb(113, 174, 148)

HSL

hsl(154, 27%, 56%)

HSB

hsb(154, 35%, 68%)

CMYK

cmyk(35%, 0%, 15%, 32%)

Oklch

oklch(70.2% 0.074 165.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#A0C694

Celadon · DarkSeaGreen · Apple Green

HEX

#A0C694

RGB

rgb(160, 198, 148)

HSL

hsl(106, 30%, 68%)

HSB

hsb(106, 25%, 78%)

CMYK

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

Oklch

oklch(78.6% 0.080 138.3)

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

#CFDE94

Willow Green · Khaki · Apple Green

HEX

#CFDE94

RGB

rgb(207, 222, 148)

HSL

hsl(72, 53%, 73%)

HSB

hsb(72, 33%, 87%)

CMYK

cmyk(7%, 0%, 33%, 13%)

Oklch

oklch(87.2% 0.097 117.8)

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

#FEF694

Fresh Green · Khaki · Lemon Cream

HEX

#FEF694

RGB

rgb(254, 246, 148)

HSL

hsl(55, 98%, 79%)

HSB

hsb(55, 42%, 100%)

CMYK

cmyk(0%, 3%, 42%, 0%)

Oklch

oklch(95.9% 0.120 104.4)

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

#E2C17F

Ginger · BurlyWood · Sunflower

HEX

#E2C17F

RGB

rgb(226, 193, 127)

HSL

hsl(40, 63%, 69%)

HSB

hsb(40, 44%, 89%)

CMYK

cmyk(0%, 15%, 44%, 11%)

Oklch

oklch(82.5% 0.092 84.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71AE94

AD718B

Analogous

71AD75

71AE94

71A9AD

Triadic

71AE94

9371AD

AD9371

Split-Comp.

71AE94

AD71A9

AD7571

Tetradic

71AE94

7571AD

AD718B

A9AD71

Contrast Matrix WCAG 2.1 Contrast

71AE94	A0C694	CFDE94	FEF694	E2C17F
—	1.3 Fail	1.8 Fail	2.3 Fail	1.5 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	1.1 Fail
1.8 Fail	1.3 Fail	—	1.3 Fail	1.2 Fail
2.3 Fail	1.7 Fail	1.3 Fail	—	1.5 Fail
1.5 Fail	1.1 Fail	1.2 Fail	1.5 Fail	—

White BG

2.6Fail

1.9Fail

1.4Fail

1.1Fail

1.7Fail

Black BG

8.2AAA

11.0AAA

14.5AAA

18.8AAA

12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8C9A

B0B1A0

D5D6A6

FBFAAC

D4D38F

Deuteranopia

88839C

AEABA3

D5D3AA

FBFCB1

D6D893

Tritanopia

749FA0

A2AAAC

D0B4B7

FEBEC3

E09C9E

Achromatopsia

999999

B5B5B5

D1D1D1

EDEDED

C3C3C3

Shades & Tints Shades & Tints

#71AE94

Dark

Light

#A0C694

Dark

Light

#CFDE94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71ae94;
  --color-2: #a0c694;
  --color-3: #cfde94;
  --color-4: #fef694;
  --color-5: #e2c17f;
}

SCSS

$color-1: #71ae94;
$color-2: #a0c694;
$color-3: #cfde94;
$color-4: #fef694;
$color-5: #e2c17f;

TAILWIND

colors: {
  'brand-1': '#71ae94',
  'brand-2': '#a0c694',
  'brand-3': '#cfde94',
  'brand-4': '#fef694',
  'brand-5': '#e2c17f',
}

RGB Array

[113, 174, 148], [160, 198, 148], [207, 222, 148], [254, 246, 148], [226, 193, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71AE94, #A0C694, #CFDE94, #FEF694, #E2C17F 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: #71ae94; --color-2: #a0c694; --color-3: #cfde94; --color-4: #fef694; --color-5: #e2c17f. 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