#D3CBC5 + #E6E9F7 + #CDEAD6 + #77EBD2 + #35FAC4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D3CBC5

Apricot · LightGray · Peach Orange

HEX

#D3CBC5

RGB

rgb(211, 203, 197)

HSL

hsl(26, 14%, 80%)

HSB

hsb(26, 7%, 83%)

CMYK

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

Oklch

oklch(84.7% 0.012 59.5)

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

#E6E9F7

Azure · Lavender · Sky Blue

HEX

#E6E9F7

RGB

rgb(230, 233, 247)

HSL

hsl(229, 52%, 94%)

HSB

hsb(229, 7%, 97%)

CMYK

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

Oklch

oklch(93.6% 0.019 276.3)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#CDEAD6

Celadon · LightGray · Mint Green

HEX

#CDEAD6

RGB

rgb(205, 234, 214)

HSL

hsl(139, 41%, 86%)

HSB

hsb(139, 12%, 92%)

CMYK

cmyk(12%, 0%, 9%, 8%)

Oklch

oklch(91.0% 0.041 155.4)

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

#77EBD2

Jade · SkyBlue · Lake Green

HEX

#77EBD2

RGB

rgb(119, 235, 210)

HSL

hsl(167, 74%, 69%)

HSB

hsb(167, 49%, 92%)

CMYK

cmyk(49%, 0%, 11%, 8%)

Oklch

oklch(86.5% 0.112 177.6)

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

#35FAC4

Mineral Blue · Turquoise · Lake Green

HEX

#35FAC4

RGB

rgb(53, 250, 196)

HSL

hsl(164, 95%, 59%)

HSB

hsb(164, 79%, 98%)

CMYK

cmyk(79%, 0%, 22%, 2%)

Oklch

oklch(88.0% 0.167 168.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3CBC5

C5CDD3

Analogous

D3C5C6

D3CBC5

D3D2C5

Triadic

D3CBC5

C5D3CB

CBC5D3

Split-Comp.

D3CBC5

C5D3D2

C5C6D3

Tetradic

D3CBC5

C6D3C5

C5CDD3

D2C5D3

Contrast Matrix WCAG 2.1 Contrast

D3CBC5	E6E9F7	CDEAD6	77EBD2	35FAC4
—	1.3 Fail	1.2 Fail	1.1 Fail	1.2 Fail
1.3 Fail	—	1.1 Fail	1.2 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.1 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.1 Fail	1.0 Fail	1.1 Fail	—

White BG

1.6Fail

1.2Fail

1.3Fail

1.4Fail

1.3Fail

Black BG

13.1AAA

17.4AAA

16.3AAA

14.6AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFC6

E7E7F4

DADADB

A9AAD8

8A8CD1

Deuteranopia

D0D1C7

E7E7F3

D8D6DC

A39ADA

7F70D4

Tritanopia

D3C8C8

E6F1F0

CEDFE0

7DDDDE

3FDBDE

Achromatopsia

CDCDCD

EAEAEA

DFDFDF

C5C5C5

B9B9B9

Shades & Tints Shades & Tints

#D3CBC5

Dark

Light

#E6E9F7

Dark

Light

#CDEAD6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3cbc5;
  --color-2: #e6e9f7;
  --color-3: #cdead6;
  --color-4: #77ebd2;
  --color-5: #35fac4;
}

SCSS

$color-1: #d3cbc5;
$color-2: #e6e9f7;
$color-3: #cdead6;
$color-4: #77ebd2;
$color-5: #35fac4;

TAILWIND

colors: {
  'brand-1': '#d3cbc5',
  'brand-2': '#e6e9f7',
  'brand-3': '#cdead6',
  'brand-4': '#77ebd2',
  'brand-5': '#35fac4',
}

RGB Array

[211, 203, 197], [230, 233, 247], [205, 234, 214], [119, 235, 210], [53, 250, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3CBC5, #E6E9F7, #CDEAD6, #77EBD2, #35FAC4 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: #d3cbc5; --color-2: #e6e9f7; --color-3: #cdead6; --color-4: #77ebd2; --color-5: #35fac4. 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