#5EB899 + #91D198 + #C1DCAC + #E4EBA6 + #BFC960 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#5EB899

Mineral Blue · CadetBlue · Olive Green

HEX

#5EB899

RGB

rgb(94, 184, 153)

HSL

hsl(159, 39%, 55%)

HSB

hsb(159, 49%, 72%)

CMYK

cmyk(49%, 0%, 17%, 28%)

Oklch

oklch(71.8% 0.099 168.8)

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

#91D198

Celadon · DarkSeaGreen · Apple Green

HEX

#91D198

RGB

rgb(145, 209, 152)

HSL

hsl(127, 41%, 69%)

HSB

hsb(127, 31%, 82%)

CMYK

cmyk(31%, 0%, 27%, 18%)

Oklch

oklch(80.3% 0.103 147.3)

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

#C1DCAC

Celadon · Silver · Apple Green

HEX

#C1DCAC

RGB

rgb(193, 220, 172)

HSL

hsl(94, 41%, 77%)

HSB

hsb(94, 22%, 86%)

CMYK

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

Oklch

oklch(86.2% 0.071 131.7)

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

#E4EBA6

Fresh Green · Wheat · Lemon Cream

HEX

#E4EBA6

RGB

rgb(228, 235, 166)

HSL

hsl(66, 63%, 79%)

HSB

hsb(66, 29%, 92%)

CMYK

cmyk(3%, 0%, 29%, 8%)

Oklch

oklch(91.8% 0.089 112.9)

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

#BFC960

Autumn Sage · Tan · Sunflower

HEX

#BFC960

RGB

rgb(191, 201, 96)

HSL

hsl(66, 49%, 58%)

HSB

hsb(66, 52%, 79%)

CMYK

cmyk(5%, 0%, 52%, 21%)

Oklch

oklch(80.6% 0.130 113.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5EB899

B95F7F

Analogous

5FB96D

5EB899

5FACB9

Triadic

5EB899

9A5FB9

B99A5F

Split-Comp.

5EB899

B95FAC

B96D5F

Tetradic

5EB899

6D5FB9

B95F7F

ACB95F

Contrast Matrix WCAG 2.1 Contrast

5EB899	91D198	C1DCAC	E4EBA6	BFC960
—	1.3 Fail	1.6 Fail	1.9 Fail	1.3 Fail
1.3 Fail	—	1.2 Fail	1.4 Fail	1.0 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.2 Fail
1.9 Fail	1.4 Fail	1.2 Fail	—	1.4 Fail
1.3 Fail	1.0 Fail	1.2 Fail	1.4 Fail	—

White BG

2.4Fail

1.8Fail

1.5Fail

1.3Fail

1.8Fail

Black BG

8.8AAA

11.8AAA

14.1AAA

16.7AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8586A1

ADADA6

CDCDB8

E7E7B7

C3C379

Deuteranopia

8079A2

A9A4A9

CBC9BA

E7E6BB

C3C27F

Tritanopia

63A6A8

94B1B3

C2C1C3

E4C4C7

C08D92

Achromatopsia

9A9A9A

B7B7B7

CECECE

E1E1E1

BABABA

Shades & Tints Shades & Tints

#5EB899

Dark

Light

#91D198

Dark

Light

#C1DCAC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5eb899;
  --color-2: #91d198;
  --color-3: #c1dcac;
  --color-4: #e4eba6;
  --color-5: #bfc960;
}

SCSS

$color-1: #5eb899;
$color-2: #91d198;
$color-3: #c1dcac;
$color-4: #e4eba6;
$color-5: #bfc960;

TAILWIND

colors: {
  'brand-1': '#5eb899',
  'brand-2': '#91d198',
  'brand-3': '#c1dcac',
  'brand-4': '#e4eba6',
  'brand-5': '#bfc960',
}

RGB Array

[94, 184, 153], [145, 209, 152], [193, 220, 172], [228, 235, 166], [191, 201, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #5EB899, #91D198, #C1DCAC, #E4EBA6, #BFC960 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: #5eb899; --color-2: #91d198; --color-3: #c1dcac; --color-4: #e4eba6; --color-5: #bfc960. 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 cool-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