#EDE7BE + #D6E7AB + #B9E8AC + #A6DEB6 + #96D2D4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EDE7BE

Fresh Green · Wheat · Lemon Cream

HEX

#EDE7BE

RGB

rgb(237, 231, 190)

HSL

hsl(52, 57%, 84%)

HSB

hsb(52, 20%, 93%)

CMYK

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

Oklch

oklch(92.2% 0.054 100.5)

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

#D6E7AB

Willow Green · Wheat · Apple Green

HEX

#D6E7AB

RGB

rgb(214, 231, 171)

HSL

hsl(77, 56%, 79%)

HSB

hsb(77, 26%, 91%)

CMYK

cmyk(7%, 0%, 26%, 9%)

Oklch

oklch(90.1% 0.081 120.9)

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

#B9E8AC

Emerald · Silver · Apple Green

HEX

#B9E8AC

RGB

rgb(185, 232, 172)

HSL

hsl(107, 57%, 79%)

HSB

hsb(107, 26%, 91%)

CMYK

cmyk(20%, 0%, 26%, 9%)

Oklch

oklch(88.3% 0.094 139.0)

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

#A6DEB6

Celadon · Silver · Apple Green

HEX

#A6DEB6

RGB

rgb(166, 222, 182)

HSL

hsl(137, 46%, 76%)

HSB

hsb(137, 25%, 87%)

CMYK

cmyk(25%, 0%, 18%, 13%)

Oklch

oklch(85.1% 0.080 153.4)

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

#96D2D4

Sky Blue · SkyBlue · Lake Green

HEX

#96D2D4

RGB

rgb(150, 210, 212)

HSL

hsl(182, 42%, 71%)

HSB

hsb(182, 29%, 83%)

CMYK

cmyk(29%, 1%, 0%, 17%)

Oklch

oklch(82.4% 0.061 198.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE7BE

BFC5ED

Analogous

EDD0BF

EDE7BE

DCEDBF

Triadic

EDE7BE

BFEDE7

E7BFED

Split-Comp.

EDE7BE

BFDCED

D0BFED

Tetradic

EDE7BE

BFEDD0

BFC5ED

EDBFDC

Contrast Matrix WCAG 2.1 Contrast

EDE7BE	D6E7AB	B9E8AC	A6DEB6	96D2D4
—	1.1 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	—	1.0 Fail	1.2 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.4Fail

1.5Fail

1.7Fail

Black BG

16.8AAA

15.9AAA

15.2AAA

13.7AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC8

DDDEBA

CDCEBB

BEBFC0

B0B1D4

Deuteranopia

EBEBCA

DCDBBD

CBC7BE

BBB7C2

ADA8D3

Tritanopia

EDD0D1

D7C5C8

BBC6C9

A9C7C9

99D3D3

Achromatopsia

E4E4E4

DBDBDB

D3D3D3

C9C9C9

C0C0C0

Shades & Tints Shades & Tints

#EDE7BE

Dark

Light

#D6E7AB

Dark

Light

#B9E8AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede7be;
  --color-2: #d6e7ab;
  --color-3: #b9e8ac;
  --color-4: #a6deb6;
  --color-5: #96d2d4;
}

SCSS

$color-1: #ede7be;
$color-2: #d6e7ab;
$color-3: #b9e8ac;
$color-4: #a6deb6;
$color-5: #96d2d4;

TAILWIND

colors: {
  'brand-1': '#ede7be',
  'brand-2': '#d6e7ab',
  'brand-3': '#b9e8ac',
  'brand-4': '#a6deb6',
  'brand-5': '#96d2d4',
}

RGB Array

[237, 231, 190], [214, 231, 171], [185, 232, 172], [166, 222, 182], [150, 210, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE7BE, #D6E7AB, #B9E8AC, #A6DEB6, #96D2D4 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: #ede7be; --color-2: #d6e7ab; --color-3: #b9e8ac; --color-4: #a6deb6; --color-5: #96d2d4. 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