#C2D487 + #FCE6B1 + #B6DBC4 + #74F7E6 + #947E78 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C2D487

Willow Green · Tan · Apple Green

HEX

#C2D487

RGB

rgb(194, 212, 135)

HSL

hsl(74, 47%, 68%)

HSB

hsb(74, 36%, 83%)

CMYK

cmyk(8%, 0%, 36%, 17%)

Oklch

oklch(83.8% 0.102 119.4)

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

#FCE6B1

Goose Yellow · Wheat · Lemon Cream

HEX

#FCE6B1

RGB

rgb(252, 230, 177)

HSL

hsl(42, 93%, 84%)

HSB

hsb(42, 30%, 99%)

CMYK

cmyk(0%, 9%, 30%, 1%)

Oklch

oklch(93.0% 0.072 88.1)

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

#B6DBC4

Celadon · Silver · Apple Green

HEX

#B6DBC4

RGB

rgb(182, 219, 196)

HSL

hsl(143, 34%, 79%)

HSB

hsb(143, 17%, 86%)

CMYK

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

Oklch

oklch(85.8% 0.050 157.9)

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

#74F7E6

Jade · SkyBlue · Lake Green

HEX

#74F7E6

RGB

rgb(116, 247, 230)

HSL

hsl(172, 89%, 71%)

HSB

hsb(172, 53%, 97%)

CMYK

cmyk(53%, 0%, 7%, 3%)

Oklch

oklch(89.8% 0.119 184.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#947E78

Crimson · Gray · Passion Red

HEX

#947E78

RGB

rgb(148, 126, 120)

HSL

hsl(13, 12%, 53%)

HSB

hsb(13, 19%, 58%)

CMYK

cmyk(0%, 15%, 19%, 42%)

Oklch

oklch(61.2% 0.029 35.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2D487

9987D4

Analogous

D4BF87

C2D487

9CD487

Triadic

C2D487

87C2D4

D487C2

Split-Comp.

C2D487

879CD4

BF87D4

Tetradic

C2D487

87D4BF

9987D4

D4879C

Contrast Matrix WCAG 2.1 Contrast

C2D487	FCE6B1	B6DBC4	74F7E6	947E78
—	1.3 Fail	1.1 Fail	1.2 Fail	2.4 Fail
1.3 Fail	—	1.2 Fail	1.1 Fail	3.1 AA Large
1.1 Fail	1.2 Fail	—	1.2 Fail	2.5 Fail
1.2 Fail	1.1 Fail	1.2 Fail	—	2.9 Fail
2.4 Fail	3.1 AA Large	2.5 Fail	2.9 Fail	—

White BG

1.6Fail

1.2Fail

1.5Fail

1.3Fail

3.8AA Large

Black BG

13.1AAA

17.1AAA

13.9AAA

16.2AAA

5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACA9A

F2F2BE

C6C6CA

ADAEEA

8A8A79

Deuteranopia

C9C79E

F4F5C1

C4C1CB

A59BEB

8C8D7A

Tritanopia

C3A8AC

FBC8CA

B8CECF

7BEDEE

937B7B

Achromatopsia

C6C6C6

E7E7E7

CDCDCD

CECECE

848484

Shades & Tints Shades & Tints

#C2D487

Dark

Light

#FCE6B1

Dark

Light

#B6DBC4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2d487;
  --color-2: #fce6b1;
  --color-3: #b6dbc4;
  --color-4: #74f7e6;
  --color-5: #947e78;
}

SCSS

$color-1: #c2d487;
$color-2: #fce6b1;
$color-3: #b6dbc4;
$color-4: #74f7e6;
$color-5: #947e78;

TAILWIND

colors: {
  'brand-1': '#c2d487',
  'brand-2': '#fce6b1',
  'brand-3': '#b6dbc4',
  'brand-4': '#74f7e6',
  'brand-5': '#947e78',
}

RGB Array

[194, 212, 135], [252, 230, 177], [182, 219, 196], [116, 247, 230], [148, 126, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2D487, #FCE6B1, #B6DBC4, #74F7E6, #947E78 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: #c2d487; --color-2: #fce6b1; --color-3: #b6dbc4; --color-4: #74f7e6; --color-5: #947e78. 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