#6CC4C5 + #91D3D5 + #C2E9E5 + #FDFEFB + #D4D5C7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6CC4C5

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6CC4C5

RGB

rgb(108, 196, 197)

HSL

hsl(181, 43%, 60%)

HSB

hsb(181, 45%, 77%)

CMYK

cmyk(45%, 1%, 0%, 23%)

Oklch

oklch(76.6% 0.085 196.5)

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

#91D3D5

Sky Blue · SkyBlue · Lake Green

HEX

#91D3D5

RGB

rgb(145, 211, 213)

HSL

hsl(182, 45%, 70%)

HSB

hsb(182, 32%, 84%)

CMYK

cmyk(32%, 1%, 0%, 16%)

Oklch

oklch(82.3% 0.067 198.3)

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

#C2E9E5

Jade · LightBlue · Glacier Blue

HEX

#C2E9E5

RGB

rgb(194, 233, 229)

HSL

hsl(174, 47%, 84%)

HSB

hsb(174, 17%, 91%)

CMYK

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

Oklch

oklch(90.5% 0.041 188.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FDFEFB

Willow Green · White · Mint Green

HEX

#FDFEFB

RGB

rgb(253, 254, 251)

HSL

hsl(80, 60%, 99%)

HSB

hsb(80, 1%, 100%)

CMYK

cmyk(0%, 0%, 1%, 0%)

Oklch

oklch(99.5% 0.004 121.6)

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

#D4D5C7

Fresh Green · LightGray · Lemon Cream

HEX

#D4D5C7

RGB

rgb(212, 213, 199)

HSL

hsl(64, 14%, 81%)

HSB

hsb(64, 7%, 84%)

CMYK

cmyk(0%, 0%, 7%, 16%)

Oklch

oklch(86.8% 0.019 110.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6CC4C5

C56F6D

Analogous

6DC59A

6CC4C5

6D98C5

Triadic

6CC4C5

C56DC3

C3C56D

Split-Comp.

6CC4C5

C56D98

C59A6D

Tetradic

6CC4C5

9A6DC5

C56F6D

98C56D

Contrast Matrix WCAG 2.1 Contrast

6CC4C5	91D3D5	C2E9E5	FDFEFB	D4D5C7
—	1.2 Fail	1.6 Fail	2.0 Fail	1.4 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	1.1 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	1.1 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.5 Fail
1.4 Fail	1.1 Fail	1.1 Fail	1.5 Fail	—

White BG

2.0Fail

1.7Fail

1.3Fail

1.0Fail

1.5Fail

Black BG

10.3AAA

12.5AAA

16.1AAA

20.7AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9293C5

AEAED5

D3D3E6

FDFDFC

D4D4CA

Deuteranopia

8D86C5

AAA5D4

D1CEE6

FDFDFC

D4D4CB

Tritanopia

70C5C5

94D4D4

C4E7E7

FDFCFC

D4CDCE

Achromatopsia

AAAAAA

BFBFBF

DDDDDD

FDFDFD

D3D3D3

Shades & Tints Shades & Tints

#6CC4C5

Dark

Light

#91D3D5

Dark

Light

#C2E9E5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6cc4c5;
  --color-2: #91d3d5;
  --color-3: #c2e9e5;
  --color-4: #fdfefb;
  --color-5: #d4d5c7;
}

SCSS

$color-1: #6cc4c5;
$color-2: #91d3d5;
$color-3: #c2e9e5;
$color-4: #fdfefb;
$color-5: #d4d5c7;

TAILWIND

colors: {
  'brand-1': '#6cc4c5',
  'brand-2': '#91d3d5',
  'brand-3': '#c2e9e5',
  'brand-4': '#fdfefb',
  'brand-5': '#d4d5c7',
}

RGB Array

[108, 196, 197], [145, 211, 213], [194, 233, 229], [253, 254, 251], [212, 213, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6CC4C5, #91D3D5, #C2E9E5, #FDFEFB, #D4D5C7 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: #6cc4c5; --color-2: #91d3d5; --color-3: #c2e9e5; --color-4: #fdfefb; --color-5: #d4d5c7. 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