#E5DFD5 + #C6F8F9 + #7DDCD4 + #4EC7C0 + #C83640 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E5DFD5

Goose Yellow · LightGray · Peach Orange

HEX

#E5DFD5

RGB

rgb(229, 223, 213)

HSL

hsl(37, 24%, 87%)

HSB

hsb(37, 7%, 90%)

CMYK

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

Oklch

oklch(90.6% 0.015 80.7)

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

#C6F8F9

Sky Blue · Lavender · Glacier Blue

HEX

#C6F8F9

RGB

rgb(198, 248, 249)

HSL

hsl(181, 81%, 88%)

HSB

hsb(181, 20%, 98%)

CMYK

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

Oklch

oklch(94.5% 0.051 197.8)

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

#7DDCD4

Jade · SkyBlue · Lake Green

HEX

#7DDCD4

RGB

rgb(125, 220, 212)

HSL

hsl(175, 58%, 68%)

HSB

hsb(175, 43%, 86%)

CMYK

cmyk(43%, 0%, 4%, 14%)

Oklch

oklch(83.4% 0.091 188.6)

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

#4EC7C0

Mineral Blue · MediumTurquoise · Lake Green

HEX

#4EC7C0

RGB

rgb(78, 199, 192)

HSL

hsl(177, 52%, 54%)

HSB

hsb(177, 61%, 78%)

CMYK

cmyk(61%, 0%, 4%, 22%)

Oklch

oklch(76.0% 0.107 189.8)

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

#C83640

Crimson · Crimson · Passion Red

HEX

#C83640

RGB

rgb(200, 54, 64)

HSL

hsl(356, 57%, 50%)

HSB

hsb(356, 73%, 78%)

CMYK

cmyk(0%, 73%, 68%, 22%)

Oklch

oklch(55.7% 0.182 21.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DFD5

D6DCE6

Analogous

E6D8D6

E5DFD5

E4E6D6

Triadic

E5DFD5

D6E6E0

E0D6E6

Split-Comp.

E5DFD5

D6E4E6

D8D6E6

Tetradic

E5DFD5

D6E6D8

D6DCE6

E6D6E4

Contrast Matrix WCAG 2.1 Contrast

E5DFD5	C6F8F9	7DDCD4	4EC7C0	C83640
—	1.1 Fail	1.2 Fail	1.5 Fail	3.9 AA Large
1.1 Fail	—	1.4 Fail	1.8 Fail	4.5 AA Large
1.2 Fail	1.4 Fail	—	1.3 Fail	3.2 AA Large
1.5 Fail	1.8 Fail	1.3 Fail	—	2.5 Fail
3.9 AA Large	4.5 AA Large	3.2 AA Large	2.5 Fail	—

White BG

1.3Fail

1.2Fail

1.6Fail

2.0Fail

5.2AA

Black BG

15.8AAA

18.2AAA

13.1AAA

10.3AAA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2D7

DCDCF9

A6A7D6

8283C2

89873E

Deuteranopia

E3E3D8

D9D5F9

A19AD6

7B72C2

919C3D

Tritanopia

E5D9DA

C9F9F9

82D7D8

54C3C3

C13C3B

Achromatopsia

E0E0E0

E9E9E9

BFBFBF

A2A2A2

636363

Shades & Tints Shades & Tints

#E5DFD5

Dark

Light

#C6F8F9

Dark

Light

#7DDCD4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5dfd5;
  --color-2: #c6f8f9;
  --color-3: #7ddcd4;
  --color-4: #4ec7c0;
  --color-5: #c83640;
}

SCSS

$color-1: #e5dfd5;
$color-2: #c6f8f9;
$color-3: #7ddcd4;
$color-4: #4ec7c0;
$color-5: #c83640;

TAILWIND

colors: {
  'brand-1': '#e5dfd5',
  'brand-2': '#c6f8f9',
  'brand-3': '#7ddcd4',
  'brand-4': '#4ec7c0',
  'brand-5': '#c83640',
}

RGB Array

[229, 223, 213], [198, 248, 249], [125, 220, 212], [78, 199, 192], [200, 54, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5DFD5, #C6F8F9, #7DDCD4, #4EC7C0, #C83640 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: #e5dfd5; --color-2: #c6f8f9; --color-3: #7ddcd4; --color-4: #4ec7c0; --color-5: #c83640. 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