#E6E0CA + #F2C4B4 + #D4C4B5 + #A9C5B9 + #7DBDC6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6E0CA

Goose Yellow · LightGray · Lemon Cream

HEX

#E6E0CA

RGB

rgb(230, 224, 202)

HSL

hsl(47, 36%, 85%)

HSB

hsb(47, 12%, 90%)

CMYK

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

Oklch

oklch(90.6% 0.030 94.4)

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

#F2C4B4

Apricot · LightPink · Peach Orange

HEX

#F2C4B4

RGB

rgb(242, 196, 180)

HSL

hsl(15, 70%, 83%)

HSB

hsb(15, 26%, 95%)

CMYK

cmyk(0%, 19%, 26%, 5%)

Oklch

oklch(85.6% 0.057 40.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D4C4B5

Apricot · Silver · Peach Orange

HEX

#D4C4B5

RGB

rgb(212, 196, 181)

HSL

hsl(29, 26%, 77%)

HSB

hsb(29, 15%, 83%)

CMYK

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

Oklch

oklch(82.9% 0.027 65.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A9C5B9

Jade · Silver · Apple Green

HEX

#A9C5B9

RGB

rgb(169, 197, 185)

HSL

hsl(154, 19%, 72%)

HSB

hsb(154, 14%, 77%)

CMYK

cmyk(14%, 0%, 6%, 23%)

Oklch

oklch(79.9% 0.035 167.7)

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

#7DBDC6

Sky Blue · MediumAquaMarine · Lake Green

HEX

#7DBDC6

RGB

rgb(125, 189, 198)

HSL

hsl(187, 39%, 63%)

HSB

hsb(187, 37%, 78%)

CMYK

cmyk(37%, 5%, 0%, 22%)

Oklch

oklch(75.8% 0.066 207.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E0CA

CBD1E7

Analogous

E7D3CB

E6E0CA

DFE7CB

Triadic

E6E0CA

CBE7E1

E1CBE7

Split-Comp.

E6E0CA

CBDFE7

D3CBE7

Tetradic

E6E0CA

CBE7D3

CBD1E7

E7CBDF

Contrast Matrix WCAG 2.1 Contrast

E6E0CA	F2C4B4	D4C4B5	A9C5B9	7DBDC6
—	1.2 Fail	1.3 Fail	1.4 Fail	1.6 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.3Fail

1.6Fail

1.7Fail

1.8Fail

2.1Fail

Black BG

15.9AAA

13.3AAA

12.4AAA

11.4AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3CF

DEDEB8

CDCDB9

B5B5BC

9999C4

Deuteranopia

E4E4D1

E1E4B9

CECFBA

B4B1BD

9590C3

Tritanopia

E6D4D4

F0BBBC

D3BBBC

AABEBF

80C2C2

Achromatopsia

DFDFDF

D0D0D0

C7C7C7

BBBBBB

ABABAB

Shades & Tints Shades & Tints

#E6E0CA

Dark

Light

#F2C4B4

Dark

Light

#D4C4B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e0ca;
  --color-2: #f2c4b4;
  --color-3: #d4c4b5;
  --color-4: #a9c5b9;
  --color-5: #7dbdc6;
}

SCSS

$color-1: #e6e0ca;
$color-2: #f2c4b4;
$color-3: #d4c4b5;
$color-4: #a9c5b9;
$color-5: #7dbdc6;

TAILWIND

colors: {
  'brand-1': '#e6e0ca',
  'brand-2': '#f2c4b4',
  'brand-3': '#d4c4b5',
  'brand-4': '#a9c5b9',
  'brand-5': '#7dbdc6',
}

RGB Array

[230, 224, 202], [242, 196, 180], [212, 196, 181], [169, 197, 185], [125, 189, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E0CA, #F2C4B4, #D4C4B5, #A9C5B9, #7DBDC6 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: #e6e0ca; --color-2: #f2c4b4; --color-3: #d4c4b5; --color-4: #a9c5b9; --color-5: #7dbdc6. 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