#E2F0B4 + #C6EFB4 + #C5C9A6 + #C4A397 + #967B7C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E2F0B4

Willow Green · Wheat · Mint Green

HEX

#E2F0B4

RGB

rgb(226, 240, 180)

HSL

hsl(74, 67%, 82%)

HSB

hsb(74, 25%, 94%)

CMYK

cmyk(6%, 0%, 25%, 6%)

Oklch

oklch(93.0% 0.079 118.6)

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

#C6EFB4

Emerald · LightGray · Mint Green

HEX

#C6EFB4

RGB

rgb(198, 239, 180)

HSL

hsl(102, 65%, 82%)

HSB

hsb(102, 25%, 94%)

CMYK

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

Oklch

oklch(90.8% 0.089 136.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#C5C9A6

Fresh Green · Silver · Sunflower

HEX

#C5C9A6

RGB

rgb(197, 201, 166)

HSL

hsl(67, 24%, 72%)

HSB

hsb(67, 17%, 79%)

CMYK

cmyk(2%, 0%, 17%, 21%)

Oklch

oklch(82.4% 0.048 112.7)

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

#C4A397

Apricot · Tan · Warm Sun

HEX

#C4A397

RGB

rgb(196, 163, 151)

HSL

hsl(16, 28%, 68%)

HSB

hsb(16, 23%, 77%)

CMYK

cmyk(0%, 17%, 23%, 23%)

Oklch

oklch(74.2% 0.043 41.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#967B7C

Crimson · Gray · Passion Red

HEX

#967B7C

RGB

rgb(150, 123, 124)

HSL

hsl(358, 11%, 54%)

HSB

hsb(358, 18%, 59%)

CMYK

cmyk(0%, 18%, 17%, 41%)

Oklch

oklch(60.9% 0.034 15.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2F0B4

C1B2F0

Analogous

F0DFB2

E2F0B4

C3F0B2

Triadic

E2F0B4

B2E2F0

F0B2E2

Split-Comp.

E2F0B4

B2C3F0

DFB2F0

Tetradic

E2F0B4

B2F0DF

C1B2F0

F0B2C3

Contrast Matrix WCAG 2.1 Contrast

E2F0B4	C6EFB4	C5C9A6	C4A397	967B7C
—	1.1 Fail	1.4 Fail	1.9 Fail	3.2 AA Large
1.1 Fail	—	1.3 Fail	1.8 Fail	3.0 AA Large
1.4 Fail	1.3 Fail	—	1.4 Fail	2.3 Fail
1.9 Fail	1.8 Fail	1.4 Fail	—	1.7 Fail
3.2 AA Large	3.0 AA Large	2.3 Fail	1.7 Fail	—

White BG

1.2Fail

1.3Fail

1.7Fail

2.3Fail

3.9AA Large

Black BG

17.4AAA

16.4AAA

12.3AAA

9.0AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8C3

D8D8C2

C7C7AE

B6B59A

8A8A7C

Deuteranopia

E7E6C6

D5D2C6

C7C6B1

B8BA9B

8C8E7C

Tritanopia

E3CED1

C8CED0

C5B5B7

C29C9D

957C7C

Achromatopsia

E5E5E5

DCDCDC

C4C4C4

ABABAB

838383

Shades & Tints Shades & Tints

#E2F0B4

Dark

Light

#C6EFB4

Dark

Light

#C5C9A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2f0b4;
  --color-2: #c6efb4;
  --color-3: #c5c9a6;
  --color-4: #c4a397;
  --color-5: #967b7c;
}

SCSS

$color-1: #e2f0b4;
$color-2: #c6efb4;
$color-3: #c5c9a6;
$color-4: #c4a397;
$color-5: #967b7c;

TAILWIND

colors: {
  'brand-1': '#e2f0b4',
  'brand-2': '#c6efb4',
  'brand-3': '#c5c9a6',
  'brand-4': '#c4a397',
  'brand-5': '#967b7c',
}

RGB Array

[226, 240, 180], [198, 239, 180], [197, 201, 166], [196, 163, 151], [150, 123, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2F0B4, #C6EFB4, #C5C9A6, #C4A397, #967B7C 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: #e2f0b4; --color-2: #c6efb4; --color-3: #c5c9a6; --color-4: #c4a397; --color-5: #967b7c. 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