#94B39F + #C7C99F + #E6D19A + #F5BE90 + #E39881 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94B39F

Celadon · DarkSeaGreen · Apple Green

HEX

#94B39F

RGB

rgb(148, 179, 159)

HSL

hsl(141, 17%, 64%)

HSB

hsb(141, 17%, 70%)

CMYK

cmyk(17%, 0%, 11%, 30%)

Oklch

oklch(73.8% 0.044 156.9)

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

#C7C99F

Fresh Green · Tan · Sunflower

HEX

#C7C99F

RGB

rgb(199, 201, 159)

HSL

hsl(63, 28%, 71%)

HSB

hsb(63, 21%, 79%)

CMYK

cmyk(1%, 0%, 21%, 21%)

Oklch

oklch(82.4% 0.056 109.8)

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

#E6D19A

Goose Yellow · Khaki · Sunflower

HEX

#E6D19A

RGB

rgb(230, 209, 154)

HSL

hsl(43, 60%, 75%)

HSB

hsb(43, 33%, 90%)

CMYK

cmyk(0%, 9%, 33%, 10%)

Oklch

oklch(86.5% 0.075 89.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F5BE90

Apricot · BurlyWood · Peach Orange

HEX

#F5BE90

RGB

rgb(245, 190, 144)

HSL

hsl(27, 83%, 76%)

HSB

hsb(27, 41%, 96%)

CMYK

cmyk(0%, 22%, 41%, 4%)

Oklch

oklch(84.0% 0.088 61.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E39881

Peach Pink · DarkSalmon · Coral Red

HEX

#E39881

RGB

rgb(227, 152, 129)

HSL

hsl(14, 64%, 70%)

HSB

hsb(14, 43%, 89%)

CMYK

cmyk(0%, 33%, 43%, 11%)

Oklch

oklch(74.9% 0.097 37.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94B39F

B394A8

Analogous

98B394

94B39F

94B3AE

Triadic

94B39F

9F94B3

B39F94

Split-Comp.

94B39F

AE94B3

B39498

Tetradic

94B39F

9498B3

B394A8

B3AE94

Contrast Matrix WCAG 2.1 Contrast

94B39F	C7C99F	E6D19A	F5BE90	E39881
—	1.3 Fail	1.5 Fail	1.4 Fail	1.0 Fail
1.3 Fail	—	1.1 Fail	1.0 Fail	1.4 Fail
1.5 Fail	1.1 Fail	—	1.1 Fail	1.5 Fail
1.4 Fail	1.0 Fail	1.1 Fail	—	1.4 Fail
1.0 Fail	1.4 Fail	1.5 Fail	1.4 Fail	—

White BG

2.3Fail

1.7Fail

1.5Fail

1.7Fail

2.3Fail

Black BG

9.2AAA

12.3AAA

14.0AAA

12.7AAA

9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2A4

C8C8A9

DDDDA7

DDDD9B

C3C287

Deuteranopia

A09DA5

C8C8AC

DEE0AB

E0E59E

C7CC88

Tritanopia

96A8A9

C7B1B3

E5B2B4

F2A4A6

DF8B8C

Achromatopsia

A7A7A7

C4C4C4

D1D1D1

C9C9C9

ACACAC

Shades & Tints Shades & Tints

#94B39F

Dark

Light

#C7C99F

Dark

Light

#E6D19A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94b39f;
  --color-2: #c7c99f;
  --color-3: #e6d19a;
  --color-4: #f5be90;
  --color-5: #e39881;
}

SCSS

$color-1: #94b39f;
$color-2: #c7c99f;
$color-3: #e6d19a;
$color-4: #f5be90;
$color-5: #e39881;

TAILWIND

colors: {
  'brand-1': '#94b39f',
  'brand-2': '#c7c99f',
  'brand-3': '#e6d19a',
  'brand-4': '#f5be90',
  'brand-5': '#e39881',
}

RGB Array

[148, 179, 159], [199, 201, 159], [230, 209, 154], [245, 190, 144], [227, 152, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94B39F, #C7C99F, #E6D19A, #F5BE90, #E39881 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: #94b39f; --color-2: #c7c99f; --color-3: #e6d19a; --color-4: #f5be90; --color-5: #e39881. 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