#C7D9C7 + #F2ECD5 + #FF9494 + #ECA7C6 + #E0DADD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7D9C7

Celadon · LightGray · Mint Green

HEX

#C7D9C7

RGB

rgb(199, 217, 199)

HSL

hsl(120, 19%, 82%)

HSB

hsb(120, 8%, 85%)

CMYK

cmyk(8%, 0%, 8%, 15%)

Oklch

oklch(86.7% 0.031 145.3)

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

#F2ECD5

Goose Yellow · Beige · Lemon Cream

HEX

#F2ECD5

RGB

rgb(242, 236, 213)

HSL

hsl(48, 53%, 89%)

HSB

hsb(48, 12%, 95%)

CMYK

cmyk(0%, 2%, 12%, 5%)

Oklch

oklch(94.2% 0.031 94.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FF9494

Peach Pink · LightSalmon · Coral Red

HEX

#FF9494

RGB

rgb(255, 148, 148)

HSL

hsl(0, 100%, 79%)

HSB

hsb(0, 42%, 100%)

CMYK

cmyk(0%, 42%, 42%, 0%)

Oklch

oklch(77.9% 0.129 20.4)

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

#ECA7C6

Rouge · LightPink · Cherry Blossom

HEX

#ECA7C6

RGB

rgb(236, 167, 198)

HSL

hsl(333, 64%, 79%)

HSB

hsb(333, 29%, 93%)

CMYK

cmyk(0%, 29%, 16%, 7%)

Oklch

oklch(80.3% 0.090 350.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E0DADD

Rouge · LightGray · Cloud White

HEX

#E0DADD

RGB

rgb(224, 218, 221)

HSL

hsl(330, 9%, 87%)

HSB

hsb(330, 3%, 88%)

CMYK

cmyk(0%, 3%, 1%, 12%)

Oklch

oklch(89.4% 0.008 345.4)

Traditional「Rouge」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7D9C7

DAC8DA

Analogous

D1DAC8

C7D9C7

C8DAD1

Triadic

C7D9C7

C8C8DA

DAC8C8

Split-Comp.

C7D9C7

D1C8DA

DAC8D1

Tetradic

C7D9C7

C8D1DA

DAC8DA

DAD1C8

Contrast Matrix WCAG 2.1 Contrast

C7D9C7	F2ECD5	FF9494	ECA7C6	E0DADD
—	1.3 Fail	1.4 Fail	1.3 Fail	1.1 Fail
1.3 Fail	—	1.8 Fail	1.6 Fail	1.2 Fail
1.4 Fail	1.8 Fail	—	1.1 Fail	1.5 Fail
1.3 Fail	1.6 Fail	1.1 Fail	—	1.4 Fail
1.1 Fail	1.2 Fail	1.5 Fail	1.4 Fail	—

White BG

1.5Fail

1.2Fail

2.1Fail

1.9Fail

1.4Fail

Black BG

14.2AAA

17.7AAA

9.9AAA

10.9AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFCB

EFEFDB

D1D094

CECEBE

DDDDDC

Deuteranopia

CECCCC

F0F0DC

D7DF94

D2D7BD

DEDEDC

Tritanopia

C8CFD0

F2DFE0

FA9494

E9B9B7

E0DCDC

Achromatopsia

D2D2D2

EBEBEB

B4B4B4

BFBFBF

DCDCDC

Shades & Tints Shades & Tints

#C7D9C7

Dark

Light

#F2ECD5

Dark

Light

#FF9494

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7d9c7;
  --color-2: #f2ecd5;
  --color-3: #ff9494;
  --color-4: #eca7c6;
  --color-5: #e0dadd;
}

SCSS

$color-1: #c7d9c7;
$color-2: #f2ecd5;
$color-3: #ff9494;
$color-4: #eca7c6;
$color-5: #e0dadd;

TAILWIND

colors: {
  'brand-1': '#c7d9c7',
  'brand-2': '#f2ecd5',
  'brand-3': '#ff9494',
  'brand-4': '#eca7c6',
  'brand-5': '#e0dadd',
}

RGB Array

[199, 217, 199], [242, 236, 213], [255, 148, 148], [236, 167, 198], [224, 218, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7D9C7, #F2ECD5, #FF9494, #ECA7C6, #E0DADD 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: #c7d9c7; --color-2: #f2ecd5; --color-3: #ff9494; --color-4: #eca7c6; --color-5: #e0dadd. 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