#C15D83 + #E29493 + #C1C1B1 + #B0DEDA + #E3EADA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C15D83

Dark Violet · LightCoral · Rose Pink

HEX

#C15D83

RGB

rgb(193, 93, 131)

HSL

hsl(337, 45%, 56%)

HSB

hsb(337, 52%, 76%)

CMYK

cmyk(0%, 52%, 32%, 24%)

Oklch

oklch(61.0% 0.134 357.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E29493

Peach Pink · DarkSalmon · Coral Red

HEX

#E29493

RGB

rgb(226, 148, 147)

HSL

hsl(1, 58%, 73%)

HSB

hsb(1, 35%, 89%)

CMYK

cmyk(0%, 35%, 35%, 11%)

Oklch

oklch(74.5% 0.095 20.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C1C1B1

Fresh Green · Silver · Sunflower

HEX

#C1C1B1

RGB

rgb(193, 193, 177)

HSL

hsl(60, 11%, 73%)

HSB

hsb(60, 8%, 76%)

CMYK

cmyk(0%, 0%, 8%, 24%)

Oklch

oklch(80.6% 0.022 106.9)

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

#B0DEDA

Jade · LightBlue · Glacier Blue

HEX

#B0DEDA

RGB

rgb(176, 222, 218)

HSL

hsl(175, 41%, 78%)

HSB

hsb(175, 21%, 87%)

CMYK

cmyk(21%, 0%, 2%, 13%)

Oklch

oklch(86.7% 0.048 189.7)

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

#E3EADA

Willow Green · Beige · Mint Green

HEX

#E3EADA

RGB

rgb(227, 234, 218)

HSL

hsl(86, 28%, 89%)

HSB

hsb(86, 7%, 92%)

CMYK

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

Oklch

oklch(92.7% 0.023 126.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C15D83

5CC19B

Analogous

C15CB6

C15D83

C1685C

Triadic

C15D83

83C15C

5C83C1

Split-Comp.

C15D83

5CC168

5CB6C1

Tetradic

C15D83

B6C15C

5CC19B

685CC1

Contrast Matrix WCAG 2.1 Contrast

C15D83	E29493	C1C1B1	B0DEDA	E3EADA
—	1.7 Fail	2.2 Fail	2.8 Fail	3.3 AA Large
1.7 Fail	—	1.3 Fail	1.6 Fail	1.9 Fail
2.2 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
2.8 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
3.3 AA Large	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

4.1AA Large

2.4Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

5.2AA

8.9AAA

11.5AAA

14.3AAA

17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96957A

C0C093

C1C1B5

C4C4DB

E6E6DE

Deuteranopia

9CA378

C5CB93

C1C1B6

C1BEDB

E6E5DF

Tritanopia

BC7371

DE9393

C1B8B9

B2DCDC

E3E1E2

Achromatopsia

7F7F7F

ABABAB

BFBFBF

D0D0D0

E6E6E6

Shades & Tints Shades & Tints

#C15D83

Dark

Light

#E29493

Dark

Light

#C1C1B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c15d83;
  --color-2: #e29493;
  --color-3: #c1c1b1;
  --color-4: #b0deda;
  --color-5: #e3eada;
}

SCSS

$color-1: #c15d83;
$color-2: #e29493;
$color-3: #c1c1b1;
$color-4: #b0deda;
$color-5: #e3eada;

TAILWIND

colors: {
  'brand-1': '#c15d83',
  'brand-2': '#e29493',
  'brand-3': '#c1c1b1',
  'brand-4': '#b0deda',
  'brand-5': '#e3eada',
}

RGB Array

[193, 93, 131], [226, 148, 147], [193, 193, 177], [176, 222, 218], [227, 234, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C15D83, #E29493, #C1C1B1, #B0DEDA, #E3EADA 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: #c15d83; --color-2: #e29493; --color-3: #c1c1b1; --color-4: #b0deda; --color-5: #e3eada. 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