#6DAAA2 + #8CCDC9 + #BFDFC7 + #CCE1C3 + #EDE5CE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6DAAA2

Mineral Blue · CadetBlue · Lake Green

HEX

#6DAAA2

RGB

rgb(109, 170, 162)

HSL

hsl(172, 26%, 55%)

HSB

hsb(172, 36%, 67%)

CMYK

cmyk(36%, 0%, 5%, 33%)

Oklch

oklch(69.4% 0.064 185.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8CCDC9

Jade · SkyBlue · Lake Green

HEX

#8CCDC9

RGB

rgb(140, 205, 201)

HSL

hsl(176, 39%, 68%)

HSB

hsb(176, 32%, 80%)

CMYK

cmyk(32%, 0%, 2%, 20%)

Oklch

oklch(80.4% 0.066 191.1)

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

#BFDFC7

Celadon · LightGray · Mint Green

HEX

#BFDFC7

RGB

rgb(191, 223, 199)

HSL

hsl(135, 33%, 81%)

HSB

hsb(135, 14%, 87%)

CMYK

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

Oklch

oklch(87.4% 0.047 152.9)

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

#CCE1C3

Celadon · LightGray · Mint Green

HEX

#CCE1C3

RGB

rgb(204, 225, 195)

HSL

hsl(102, 33%, 82%)

HSB

hsb(102, 13%, 88%)

CMYK

cmyk(9%, 0%, 13%, 12%)

Oklch

oklch(88.6% 0.046 136.2)

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

#EDE5CE

Goose Yellow · Bisque · Lemon Cream

HEX

#EDE5CE

RGB

rgb(237, 229, 206)

HSL

hsl(45, 46%, 87%)

HSB

hsb(45, 13%, 93%)

CMYK

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

Oklch

oklch(92.2% 0.032 91.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DAAA2

AA6E76

Analogous

6EAA84

6DAAA2

6E94AA

Triadic

6DAAA2

A26EAA

AAA26E

Split-Comp.

6DAAA2

AA6E94

AA846E

Tetradic

6DAAA2

846EAA

AA6E76

94AA6E

Contrast Matrix WCAG 2.1 Contrast

6DAAA2	8CCDC9	BFDFC7	CCE1C3	EDE5CE
—	1.5 Fail	1.8 Fail	1.9 Fail	2.1 Fail
1.5 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.8 Fail	1.2 Fail	—	1.0 Fail	1.1 Fail
1.9 Fail	1.3 Fail	1.0 Fail	—	1.1 Fail
2.1 Fail	1.4 Fail	1.1 Fail	1.1 Fail	—

White BG

2.7Fail

1.8Fail

1.4Fail

1.3Fail

Black BG

7.9AAA

11.7AAA

14.6AAA

15.1AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788A4

A8A9CA

CDCDCD

D5D5CA

EAE9D4

Deuteranopia

847FA4

A4A0CA

CBC9CE

D4D2CC

EAEBD5

Tritanopia

70A5A6

8FCBCB

C1D1D2

CDD0D1

EDD8D9

Achromatopsia

979797

B9B9B9

D3D3D3

D7D7D7

E5E5E5

Shades & Tints Shades & Tints

#6DAAA2

Dark

Light

#8CCDC9

Dark

Light

#BFDFC7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6daaa2;
  --color-2: #8ccdc9;
  --color-3: #bfdfc7;
  --color-4: #cce1c3;
  --color-5: #ede5ce;
}

SCSS

$color-1: #6daaa2;
$color-2: #8ccdc9;
$color-3: #bfdfc7;
$color-4: #cce1c3;
$color-5: #ede5ce;

TAILWIND

colors: {
  'brand-1': '#6daaa2',
  'brand-2': '#8ccdc9',
  'brand-3': '#bfdfc7',
  'brand-4': '#cce1c3',
  'brand-5': '#ede5ce',
}

RGB Array

[109, 170, 162], [140, 205, 201], [191, 223, 199], [204, 225, 195], [237, 229, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6DAAA2, #8CCDC9, #BFDFC7, #CCE1C3, #EDE5CE 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: #6daaa2; --color-2: #8ccdc9; --color-3: #bfdfc7; --color-4: #cce1c3; --color-5: #ede5ce. 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