#E79DA5 + #CBB6B7 + #BEC3C0 + #A2DCD2 + #D1E3D5 · summer - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E79DA5

Peach Pink · Tan · Coral Red

HEX

#E79DA5

RGB

rgb(231, 157, 165)

HSL

hsl(354, 61%, 76%)

HSB

hsb(354, 32%, 91%)

CMYK

cmyk(0%, 32%, 29%, 9%)

Oklch

oklch(77.1% 0.089 12.2)

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

#CBB6B7

Peach Pink · Silver · Coral Red

HEX

#CBB6B7

RGB

rgb(203, 182, 183)

HSL

hsl(357, 17%, 75%)

HSB

hsb(357, 10%, 80%)

CMYK

cmyk(0%, 10%, 10%, 20%)

Oklch

oklch(79.4% 0.024 14.4)

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

#BEC3C0

Silver Gray · Silver · Pearl Gray

HEX

#BEC3C0

RGB

rgb(190, 195, 192)

HSL

hsl(144, 4%, 75%)

HSB

hsb(144, 3%, 76%)

CMYK

cmyk(3%, 0%, 2%, 24%)

Oklch

oklch(81.2% 0.007 160.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#A2DCD2

Jade · LightBlue · Lake Green

HEX

#A2DCD2

RGB

rgb(162, 220, 210)

HSL

hsl(170, 45%, 75%)

HSB

hsb(170, 26%, 86%)

CMYK

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

Oklch

oklch(85.2% 0.061 183.0)

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

#D1E3D5

Celadon · LightGray · Mint Green

HEX

#D1E3D5

RGB

rgb(209, 227, 213)

HSL

hsl(133, 24%, 85%)

HSB

hsb(133, 8%, 89%)

CMYK

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

Oklch

oklch(89.8% 0.027 152.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E79DA5

9CE7E0

Analogous

E79CC9

E79DA5

E7BA9C

Triadic

E79DA5

A4E79C

9CA4E7

Split-Comp.

E79DA5

9CE7BA

9CC9E7

Tetradic

E79DA5

C9E79C

9CE7E0

BA9CE7

Contrast Matrix WCAG 2.1 Contrast

E79DA5	CBB6B7	BEC3C0	A2DCD2	D1E3D5
—	1.1 Fail	1.2 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

2.2Fail

1.9Fail

1.8Fail

1.5Fail

1.3Fail

Black BG

9.8AAA

10.9AAA

11.8AAA

13.7AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C6A3

C2C2B7

C0C0C1

BBBCD4

D9D9D8

Deuteranopia

CBD1A3

C3C5B7

C0C0C1

B8B3D5

D8D6D9

Tritanopia

E3A2A1

CAB7B7

BEC1C1

A5D6D7

D2DBDC

Achromatopsia

B4B4B4

BCBCBC

C1C1C1

CACACA

DCDCDC

Shades & Tints Shades & Tints

#E79DA5

Dark

Light

#CBB6B7

Dark

Light

#BEC3C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e79da5;
  --color-2: #cbb6b7;
  --color-3: #bec3c0;
  --color-4: #a2dcd2;
  --color-5: #d1e3d5;
}

SCSS

$color-1: #e79da5;
$color-2: #cbb6b7;
$color-3: #bec3c0;
$color-4: #a2dcd2;
$color-5: #d1e3d5;

TAILWIND

colors: {
  'brand-1': '#e79da5',
  'brand-2': '#cbb6b7',
  'brand-3': '#bec3c0',
  'brand-4': '#a2dcd2',
  'brand-5': '#d1e3d5',
}

RGB Array

[231, 157, 165], [203, 182, 183], [190, 195, 192], [162, 220, 210], [209, 227, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #E79DA5, #CBB6B7, #BEC3C0, #A2DCD2, #D1E3D5 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: #e79da5; --color-2: #cbb6b7; --color-3: #bec3c0; --color-4: #a2dcd2; --color-5: #d1e3d5. 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 summer-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