#E6D9C8 + #B0E8C1 + #A3E69A + #A6D681 + #ABBF73 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6D9C8

Goose Yellow · LightGray · Peach Orange

HEX

#E6D9C8

RGB

rgb(230, 217, 200)

HSL

hsl(34, 37%, 84%)

HSB

hsb(34, 13%, 90%)

CMYK

cmyk(0%, 6%, 13%, 10%)

Oklch

oklch(89.1% 0.027 74.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B0E8C1

Emerald · LightBlue · Apple Green

HEX

#B0E8C1

RGB

rgb(176, 232, 193)

HSL

hsl(138, 55%, 80%)

HSB

hsb(138, 24%, 91%)

CMYK

cmyk(24%, 0%, 17%, 9%)

Oklch

oklch(88.2% 0.078 154.2)

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

#A3E69A

Emerald · LightGreen · Apple Green

HEX

#A3E69A

RGB

rgb(163, 230, 154)

HSL

hsl(113, 60%, 75%)

HSB

hsb(113, 33%, 90%)

CMYK

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

Oklch

oklch(86.1% 0.123 141.6)

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

#A6D681

Emerald · LightGreen · Apple Green

HEX

#A6D681

RGB

rgb(166, 214, 129)

HSL

hsl(94, 51%, 67%)

HSB

hsb(94, 40%, 84%)

CMYK

cmyk(22%, 0%, 40%, 16%)

Oklch

oklch(82.2% 0.123 132.5)

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

#ABBF73

Grass Green · DarkSeaGreen · Olive Green

HEX

#ABBF73

RGB

rgb(171, 191, 115)

HSL

hsl(76, 37%, 60%)

HSB

hsb(76, 40%, 75%)

CMYK

cmyk(10%, 0%, 40%, 25%)

Oklch

oklch(77.2% 0.103 120.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D9C8

C7D4E5

Analogous

E5C9C7

E6D9C8

E3E5C7

Triadic

E6D9C8

C7E5D8

D8C7E5

Split-Comp.

E6D9C8

C7E3E5

C9C7E5

Tetradic

E6D9C8

C7E5C9

C7D4E5

E5C7E3

Contrast Matrix WCAG 2.1 Contrast

E6D9C8	B0E8C1	A3E69A	A6D681	ABBF73
—	1.0 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.5 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

1.4Fail

1.5Fail

1.7Fail

2.0Fail

Black BG

15.1AAA

15.2AAA

14.3AAA

12.6AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0CC

C8C9CA

C0C1AC

BBBB96

B4B485

Deuteranopia

E1E2CD

C5C1CD

BCB7B1

B8B49B

B3B18A

Tritanopia

E5CFD0

B3D2D4

A6BBBE

A8A6A9

AC9497

Achromatopsia

DBDBDB

D3D3D3

C9C9C9

BEBEBE

B0B0B0

Shades & Tints Shades & Tints

#E6D9C8

Dark

Light

#B0E8C1

Dark

Light

#A3E69A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d9c8;
  --color-2: #b0e8c1;
  --color-3: #a3e69a;
  --color-4: #a6d681;
  --color-5: #abbf73;
}

SCSS

$color-1: #e6d9c8;
$color-2: #b0e8c1;
$color-3: #a3e69a;
$color-4: #a6d681;
$color-5: #abbf73;

TAILWIND

colors: {
  'brand-1': '#e6d9c8',
  'brand-2': '#b0e8c1',
  'brand-3': '#a3e69a',
  'brand-4': '#a6d681',
  'brand-5': '#abbf73',
}

RGB Array

[230, 217, 200], [176, 232, 193], [163, 230, 154], [166, 214, 129], [171, 191, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6D9C8, #B0E8C1, #A3E69A, #A6D681, #ABBF73 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: #e6d9c8; --color-2: #b0e8c1; --color-3: #a3e69a; --color-4: #a6d681; --color-5: #abbf73. 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