#C7759B + #D5AABB + #DFD5D6 + #E4F5E9 + #D3EBDA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7759B

Rouge · LightCoral · Rose Pink

HEX

#C7759B

RGB

rgb(199, 117, 155)

HSL

hsl(332, 42%, 62%)

HSB

hsb(332, 41%, 78%)

CMYK

cmyk(0%, 41%, 22%, 22%)

Oklch

oklch(66.3% 0.112 351.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D5AABB

Rouge · Silver · Rose Pink

HEX

#D5AABB

RGB

rgb(213, 170, 187)

HSL

hsl(336, 34%, 75%)

HSB

hsb(336, 20%, 84%)

CMYK

cmyk(0%, 20%, 12%, 16%)

Oklch

oklch(78.2% 0.055 352.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DFD5D6

Peach Pink · LightGray · Cherry Blossom

HEX

#DFD5D6

RGB

rgb(223, 213, 214)

HSL

hsl(354, 14%, 85%)

HSB

hsb(354, 4%, 87%)

CMYK

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

Oklch

oklch(88.1% 0.011 10.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E4F5E9

Celadon · Beige · Mint Green

HEX

#E4F5E9

RGB

rgb(228, 245, 233)

HSL

hsl(138, 46%, 93%)

HSB

hsb(138, 7%, 96%)

CMYK

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

Oklch

oklch(95.4% 0.024 155.1)

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

#D3EBDA

Celadon · LightGray · Mint Green

HEX

#D3EBDA

RGB

rgb(211, 235, 218)

HSL

hsl(138, 37%, 87%)

HSB

hsb(138, 10%, 92%)

CMYK

cmyk(10%, 0%, 7%, 8%)

Oklch

oklch(91.8% 0.034 154.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7759B

75C7A1

Analogous

C775C4

C7759B

C77875

Triadic

C7759B

9BC775

759BC7

Split-Comp.

C7759B

75C778

75C4C7

Tetradic

C7759B

C4C775

75C7A1

7875C7

Contrast Matrix WCAG 2.1 Contrast

C7759B	D5AABB	DFD5D6	E4F5E9	D3EBDA
—	1.6 Fail	2.3 Fail	2.9 Fail	2.6 Fail
1.6 Fail	—	1.4 Fail	1.8 Fail	1.6 Fail
2.3 Fail	1.4 Fail	—	1.3 Fail	1.1 Fail
2.9 Fail	1.8 Fail	1.3 Fail	—	1.1 Fail
2.6 Fail	1.6 Fail	1.1 Fail	1.1 Fail	—

White BG

3.3AA Large

2.0Fail

1.4Fail

1.1Fail

1.3Fail

Black BG

6.4AA

10.3AAA

14.6AAA

18.5AAA

16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A392

C2C2B7

DBDBD6

EBECEC

DDDEDE

Deuteranopia

A8AE90

C5C8B6

DBDCD6

EAE9ED

DCDADF

Tritanopia

C38B89

D3B4B3

DFD6D6

E5EEEF

D4E1E2

Achromatopsia

929292

B9B9B9

D8D8D8

EFEFEF

E2E2E2

Shades & Tints Shades & Tints

#C7759B

Dark

Light

#D5AABB

Dark

Light

#DFD5D6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7759b;
  --color-2: #d5aabb;
  --color-3: #dfd5d6;
  --color-4: #e4f5e9;
  --color-5: #d3ebda;
}

SCSS

$color-1: #c7759b;
$color-2: #d5aabb;
$color-3: #dfd5d6;
$color-4: #e4f5e9;
$color-5: #d3ebda;

TAILWIND

colors: {
  'brand-1': '#c7759b',
  'brand-2': '#d5aabb',
  'brand-3': '#dfd5d6',
  'brand-4': '#e4f5e9',
  'brand-5': '#d3ebda',
}

RGB Array

[199, 117, 155], [213, 170, 187], [223, 213, 214], [228, 245, 233], [211, 235, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7759B, #D5AABB, #DFD5D6, #E4F5E9, #D3EBDA 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: #c7759b; --color-2: #d5aabb; --color-3: #dfd5d6; --color-4: #e4f5e9; --color-5: #d3ebda. 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