#E3CFAA + #D8D5C2 + #B6CBCC + #D2AFB5 + #05A4CB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3CFAA

Goose Yellow · Wheat · Peach Orange

HEX

#E3CFAA

RGB

rgb(227, 207, 170)

HSL

hsl(39, 50%, 78%)

HSB

hsb(39, 25%, 89%)

CMYK

cmyk(0%, 9%, 25%, 11%)

Oklch

oklch(86.2% 0.054 82.8)

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

#D8D5C2

Fresh Green · LightGray · Lemon Cream

HEX

#D8D5C2

RGB

rgb(216, 213, 194)

HSL

hsl(52, 22%, 80%)

HSB

hsb(52, 10%, 85%)

CMYK

cmyk(0%, 1%, 10%, 15%)

Oklch

oklch(87.0% 0.026 99.6)

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

#B6CBCC

Sky Blue · Silver · Glacier Blue

HEX

#B6CBCC

RGB

rgb(182, 203, 204)

HSL

hsl(183, 18%, 76%)

HSB

hsb(183, 11%, 80%)

CMYK

cmyk(11%, 0%, 0%, 20%)

Oklch

oklch(82.7% 0.023 200.2)

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

#D2AFB5

Peach Pink · Silver · Coral Red

HEX

#D2AFB5

RGB

rgb(210, 175, 181)

HSL

hsl(350, 28%, 75%)

HSB

hsb(350, 17%, 82%)

CMYK

cmyk(0%, 17%, 14%, 18%)

Oklch

oklch(78.7% 0.041 6.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#05A4CB

Lake Blue · DarkTurquoise · Mint Ice

HEX

#05A4CB

RGB

rgb(5, 164, 203)

HSL

hsl(192, 95%, 41%)

HSB

hsb(192, 98%, 80%)

CMYK

cmyk(98%, 19%, 0%, 20%)

Oklch

oklch(66.7% 0.123 222.8)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3CFAA

ABBEE3

Analogous

E3B3AB

E3CFAA

DBE3AB

Triadic

E3CFAA

ABE3CF

CFABE3

Split-Comp.

E3CFAA

ABDBE3

B3ABE3

Tetradic

E3CFAA

ABE3B3

ABBEE3

E3ABDB

Contrast Matrix WCAG 2.1 Contrast

E3CFAA	D8D5C2	B6CBCC	D2AFB5	05A4CB
—	1.0 Fail	1.1 Fail	1.3 Fail	1.9 Fail
1.0 Fail	—	1.1 Fail	1.3 Fail	2.0 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.3 Fail	1.3 Fail	1.2 Fail	—	1.5 Fail
1.9 Fail	2.0 Fail	1.7 Fail	1.5 Fail	—

White BG

1.5Fail

1.7Fail

2.0Fail

2.9Fail

Black BG

13.8AAA

14.2AAA

12.4AAA

10.5AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAB3

D7D7C7

BFBFCC

C3C3B4

4A4BC2

Deuteranopia

DCDDB5

D7D7C8

BEBCCC

C5C8B3

4135BF

Tritanopia

E2BABC

D8CACB

B7CCCC

D0B2B2

0DBAB8

Achromatopsia

D1D1D1

D4D4D4

C5C5C5

BABABA

797979

Shades & Tints Shades & Tints

#E3CFAA

Dark

Light

#D8D5C2

Dark

Light

#B6CBCC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3cfaa;
  --color-2: #d8d5c2;
  --color-3: #b6cbcc;
  --color-4: #d2afb5;
  --color-5: #05a4cb;
}

SCSS

$color-1: #e3cfaa;
$color-2: #d8d5c2;
$color-3: #b6cbcc;
$color-4: #d2afb5;
$color-5: #05a4cb;

TAILWIND

colors: {
  'brand-1': '#e3cfaa',
  'brand-2': '#d8d5c2',
  'brand-3': '#b6cbcc',
  'brand-4': '#d2afb5',
  'brand-5': '#05a4cb',
}

RGB Array

[227, 207, 170], [216, 213, 194], [182, 203, 204], [210, 175, 181], [5, 164, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3CFAA, #D8D5C2, #B6CBCC, #D2AFB5, #05A4CB 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: #e3cfaa; --color-2: #d8d5c2; --color-3: #b6cbcc; --color-4: #d2afb5; --color-5: #05a4cb. 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