#E6EEE5 + #C4D4CF + #A3A39B + #FFF4F4 + #F6D2D2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6EEE5

Celadon · Beige · Mint Green

HEX

#E6EEE5

RGB

rgb(230, 238, 229)

HSL

hsl(113, 21%, 92%)

HSB

hsb(113, 4%, 93%)

CMYK

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

Oklch

oklch(94.1% 0.015 142.2)

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

#C4D4CF

Jade · LightGray · Glacier Blue

HEX

#C4D4CF

RGB

rgb(196, 212, 207)

HSL

hsl(161, 16%, 80%)

HSB

hsb(161, 8%, 83%)

CMYK

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

Oklch

oklch(85.6% 0.019 175.2)

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

#A3A39B

Ash · DarkGray · Silver Sand

HEX

#A3A39B

RGB

rgb(163, 163, 155)

HSL

hsl(60, 4%, 62%)

HSB

hsb(60, 5%, 64%)

CMYK

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

Oklch

oklch(71.3% 0.011 106.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FFF4F4

Peach Pink · SeaShell · Cherry Blossom

HEX

#FFF4F4

RGB

rgb(255, 244, 244)

HSL

hsl(0, 100%, 98%)

HSB

hsb(0, 4%, 100%)

CMYK

cmyk(0%, 4%, 4%, 0%)

Oklch

oklch(97.6% 0.012 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F6D2D2

Peach Pink · Pink · Cherry Blossom

HEX

#F6D2D2

RGB

rgb(246, 210, 210)

HSL

hsl(0, 67%, 89%)

HSB

hsb(0, 15%, 96%)

CMYK

cmyk(0%, 15%, 15%, 4%)

Oklch

oklch(89.4% 0.040 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6EEE5

EEE6EF

Analogous

ECEFE6

E6EEE5

E6EFEA

Triadic

E6EEE5

E6E7EF

EFE6E7

Split-Comp.

E6EEE5

EAE6EF

EFE6EC

Tetradic

E6EEE5

E6ECEF

EEE6EF

EFEAE6

Contrast Matrix WCAG 2.1 Contrast

E6EEE5	C4D4CF	A3A39B	FFF4F4	F6D2D2
—	1.3 Fail	2.1 Fail	1.1 Fail	1.2 Fail
1.3 Fail	—	1.7 Fail	1.4 Fail	1.1 Fail
2.1 Fail	1.7 Fail	—	2.4 Fail	1.8 Fail
1.1 Fail	1.4 Fail	2.4 Fail	—	1.3 Fail
1.2 Fail	1.1 Fail	1.8 Fail	1.3 Fail	—

White BG

1.2Fail

1.5Fail

2.5Fail

1.1Fail

1.4Fail

Black BG

17.7AAA

13.7AAA

8.3AAA

19.5AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EAE7

CBCBD0

A3A39D

FAFAF4

E6E6D2

Deuteranopia

E9E8E8

CAC9D0

A3A39D

FBFCF4

E9EBD2

Tritanopia

E6E9E9

C5D1D1

A39E9F

FEF4F4

F4D2D2

Achromatopsia

EBEBEB

CFCFCF

A2A2A2

F7F7F7

DDDDDD

Shades & Tints Shades & Tints

#E6EEE5

Dark

Light

#C4D4CF

Dark

Light

#A3A39B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6eee5;
  --color-2: #c4d4cf;
  --color-3: #a3a39b;
  --color-4: #fff4f4;
  --color-5: #f6d2d2;
}

SCSS

$color-1: #e6eee5;
$color-2: #c4d4cf;
$color-3: #a3a39b;
$color-4: #fff4f4;
$color-5: #f6d2d2;

TAILWIND

colors: {
  'brand-1': '#e6eee5',
  'brand-2': '#c4d4cf',
  'brand-3': '#a3a39b',
  'brand-4': '#fff4f4',
  'brand-5': '#f6d2d2',
}

RGB Array

[230, 238, 229], [196, 212, 207], [163, 163, 155], [255, 244, 244], [246, 210, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6EEE5, #C4D4CF, #A3A39B, #FFF4F4, #F6D2D2 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: #e6eee5; --color-2: #c4d4cf; --color-3: #a3a39b; --color-4: #fff4f4; --color-5: #f6d2d2. 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