#C7CFC1 + #FEECC5 + #F0C8B4 + #E2A4A3 + #829DA4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7CFC1

Celadon · Silver · Apple Green

HEX

#C7CFC1

RGB

rgb(199, 207, 193)

HSL

hsl(94, 13%, 78%)

HSB

hsb(94, 7%, 81%)

CMYK

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

Oklch

oklch(84.4% 0.021 131.5)

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

#FEECC5

Goose Yellow · Bisque · Lemon Cream

HEX

#FEECC5

RGB

rgb(254, 236, 197)

HSL

hsl(41, 97%, 88%)

HSB

hsb(41, 22%, 100%)

CMYK

cmyk(0%, 7%, 22%, 0%)

Oklch

oklch(94.8% 0.054 86.2)

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

#F0C8B4

Apricot · Wheat · Peach Orange

HEX

#F0C8B4

RGB

rgb(240, 200, 180)

HSL

hsl(20, 67%, 82%)

HSB

hsb(20, 25%, 94%)

CMYK

cmyk(0%, 17%, 25%, 6%)

Oklch

oklch(86.2% 0.053 48.1)

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

#E2A4A3

Peach Pink · Tan · Coral Red

HEX

#E2A4A3

RGB

rgb(226, 164, 163)

HSL

hsl(1, 52%, 76%)

HSB

hsb(1, 28%, 89%)

CMYK

cmyk(0%, 27%, 28%, 11%)

Oklch

oklch(77.7% 0.074 19.9)

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

#829DA4

Slate Blue · LightSlateGray · Lake Green

HEX

#829DA4

RGB

rgb(130, 157, 164)

HSL

hsl(192, 16%, 58%)

HSB

hsb(192, 21%, 64%)

CMYK

cmyk(21%, 4%, 0%, 36%)

Oklch

oklch(67.8% 0.032 215.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7CFC1

C8C0CE

Analogous

CDCEC0

C7CFC1

C0CEC1

Triadic

C7CFC1

C0C6CE

CEC0C6

Split-Comp.

C7CFC1

C1C0CE

CEC0CD

Tetradic

C7CFC1

C0CDCE

C8C0CE

CEC1C0

Contrast Matrix WCAG 2.1 Contrast

C7CFC1	FEECC5	F0C8B4	E2A4A3	829DA4
—	1.4 Fail	1.0 Fail	1.3 Fail	1.8 Fail
1.4 Fail	—	1.3 Fail	1.8 Fail	2.5 Fail
1.0 Fail	1.3 Fail	—	1.4 Fail	1.9 Fail
1.3 Fail	1.8 Fail	1.4 Fail	—	1.4 Fail
1.8 Fail	2.5 Fail	1.9 Fail	1.4 Fail	—

White BG

1.6Fail

1.2Fail

1.5Fail

2.1Fail

2.9Fail

Black BG

13.1AAA

18.0AAA

13.6AAA

10.1AAA

7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACBC4

F6F6CE

DFDEB9

C7C7A3

8E8EA2

Deuteranopia

CAC9C5

F7F9D1

E1E4BA

CBCFA3

8C8AA2

Tritanopia

C7C7C8

FDD6D8

EEBDBE

DFA3A3

83A1A1

Achromatopsia

CBCBCB

EDEDED

D2D2D2

B6B6B6

969696

Shades & Tints Shades & Tints

#C7CFC1

Dark

Light

#FEECC5

Dark

Light

#F0C8B4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7cfc1;
  --color-2: #feecc5;
  --color-3: #f0c8b4;
  --color-4: #e2a4a3;
  --color-5: #829da4;
}

SCSS

$color-1: #c7cfc1;
$color-2: #feecc5;
$color-3: #f0c8b4;
$color-4: #e2a4a3;
$color-5: #829da4;

TAILWIND

colors: {
  'brand-1': '#c7cfc1',
  'brand-2': '#feecc5',
  'brand-3': '#f0c8b4',
  'brand-4': '#e2a4a3',
  'brand-5': '#829da4',
}

RGB Array

[199, 207, 193], [254, 236, 197], [240, 200, 180], [226, 164, 163], [130, 157, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7CFC1, #FEECC5, #F0C8B4, #E2A4A3, #829DA4 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: #c7cfc1; --color-2: #feecc5; --color-3: #f0c8b4; --color-4: #e2a4a3; --color-5: #829da4. 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