#AEE6AA + #BFE7BB + #CBEBCA + #DEF5DC + #EBF2EB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AEE6AA

Emerald · LightGreen · Apple Green

HEX

#AEE6AA

RGB

rgb(174, 230, 170)

HSL

hsl(116, 55%, 78%)

HSB

hsb(116, 26%, 90%)

CMYK

cmyk(24%, 0%, 26%, 10%)

Oklch

oklch(87.1% 0.100 143.0)

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

#BFE7BB

Celadon · LightGray · Mint Green

HEX

#BFE7BB

RGB

rgb(191, 231, 187)

HSL

hsl(115, 48%, 82%)

HSB

hsb(115, 19%, 91%)

CMYK

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

Oklch

oklch(88.8% 0.073 142.5)

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

#CBEBCA

Celadon · LightGray · Mint Green

HEX

#CBEBCA

RGB

rgb(203, 235, 202)

HSL

hsl(118, 45%, 86%)

HSB

hsb(118, 14%, 92%)

CMYK

cmyk(14%, 0%, 14%, 8%)

Oklch

oklch(90.8% 0.056 144.3)

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

#DEF5DC

Emerald · Beige · Mint Green

HEX

#DEF5DC

RGB

rgb(222, 245, 220)

HSL

hsl(115, 56%, 91%)

HSB

hsb(115, 10%, 96%)

CMYK

cmyk(9%, 0%, 10%, 4%)

Oklch

oklch(94.7% 0.041 143.0)

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

#EBF2EB

Celadon · Linen · Mint Green

HEX

#EBF2EB

RGB

rgb(235, 242, 235)

HSL

hsl(120, 21%, 94%)

HSB

hsb(120, 3%, 95%)

CMYK

cmyk(3%, 0%, 3%, 5%)

Oklch

oklch(95.4% 0.012 145.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEE6AA

E2A8E6

Analogous

CBE6A8

AEE6AA

A8E6C3

Triadic

AEE6AA

A8ACE6

E6A8AC

Split-Comp.

AEE6AA

C3A8E6

E6A8CB

Tetradic

AEE6AA

A8CBE6

E2A8E6

E6C3A8

Contrast Matrix WCAG 2.1 Contrast

AEE6AA	BFE7BB	CBEBCA	DEF5DC	EBF2EB
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.4Fail

1.3Fail

1.2Fail

1.1Fail

Black BG

14.7AAA

15.4AAA

16.3AAA

18.2AAA

18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C7B9

D0D1C6

D9D9D2

E8E8E2

EEEEED

Deuteranopia

C3BFBC

CECBC8

D7D5D4

E7E5E4

EEEDED

Tritanopia

B1C4C7

C1CED0

CDD8DA

DFE7E8

EBEEEE

Achromatopsia

CECECE

D6D6D6

DEDEDE

EBEBEB

EFEFEF

Shades & Tints Shades & Tints

#AEE6AA

Dark

Light

#BFE7BB

Dark

Light

#CBEBCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aee6aa;
  --color-2: #bfe7bb;
  --color-3: #cbebca;
  --color-4: #def5dc;
  --color-5: #ebf2eb;
}

SCSS

$color-1: #aee6aa;
$color-2: #bfe7bb;
$color-3: #cbebca;
$color-4: #def5dc;
$color-5: #ebf2eb;

TAILWIND

colors: {
  'brand-1': '#aee6aa',
  'brand-2': '#bfe7bb',
  'brand-3': '#cbebca',
  'brand-4': '#def5dc',
  'brand-5': '#ebf2eb',
}

RGB Array

[174, 230, 170], [191, 231, 187], [203, 235, 202], [222, 245, 220], [235, 242, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEE6AA, #BFE7BB, #CBEBCA, #DEF5DC, #EBF2EB 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: #aee6aa; --color-2: #bfe7bb; --color-3: #cbebca; --color-4: #def5dc; --color-5: #ebf2eb. 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