#C68A8C + #E2ECE4 + #EEC5B1 + #6E9F9B + #F0F2C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C68A8C

Peach Pink · DarkSalmon · Coral Red

HEX

#C68A8C

RGB

rgb(198, 138, 140)

HSL

hsl(358, 34%, 66%)

HSB

hsb(358, 30%, 78%)

CMYK

cmyk(0%, 30%, 29%, 22%)

Oklch

oklch(69.3% 0.074 16.9)

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

#E2ECE4

Celadon · Beige · Mint Green

HEX

#E2ECE4

RGB

rgb(226, 236, 228)

HSL

hsl(132, 21%, 91%)

HSB

hsb(132, 4%, 93%)

CMYK

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

Oklch

oklch(93.3% 0.015 151.8)

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

#EEC5B1

Apricot · Wheat · Peach Orange

HEX

#EEC5B1

RGB

rgb(238, 197, 177)

HSL

hsl(20, 64%, 81%)

HSB

hsb(20, 26%, 93%)

CMYK

cmyk(0%, 17%, 26%, 7%)

Oklch

oklch(85.4% 0.054 47.5)

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

#6E9F9B

Mineral Blue · CadetBlue · Lake Green

HEX

#6E9F9B

RGB

rgb(110, 159, 155)

HSL

hsl(175, 20%, 53%)

HSB

hsb(175, 31%, 62%)

CMYK

cmyk(31%, 0%, 3%, 38%)

Oklch

oklch(66.7% 0.053 189.6)

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

#F0F2C0

Fresh Green · Bisque · Lemon Cream

HEX

#F0F2C0

RGB

rgb(240, 242, 192)

HSL

hsl(62, 66%, 85%)

HSB

hsb(62, 21%, 95%)

CMYK

cmyk(1%, 0%, 21%, 5%)

Oklch

oklch(94.7% 0.065 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C68A8C

8BC6C4

Analogous

C68BAA

C68A8C

C6A68B

Triadic

C68A8C

8DC68B

8B8DC6

Split-Comp.

C68A8C

8BC6A6

8BAAC6

Tetradic

C68A8C

AAC68B

8BC6C4

A68BC6

Contrast Matrix WCAG 2.1 Contrast

C68A8C	E2ECE4	EEC5B1	6E9F9B	F0F2C0
—	2.3 Fail	1.8 Fail	1.0 Fail	2.4 Fail
2.3 Fail	—	1.3 Fail	2.4 Fail	1.0 Fail
1.8 Fail	1.3 Fail	—	1.9 Fail	1.4 Fail
1.0 Fail	2.4 Fail	1.9 Fail	—	2.6 Fail
2.4 Fail	1.0 Fail	1.4 Fail	2.6 Fail	—

White BG

2.8Fail

1.2Fail

1.6Fail

3.0Fail

1.2Fail

Black BG

7.4AAA

17.4AAA

13.3AAA

7.1AAA

18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB8C

E6E6E6

DCDCB6

83849C

F1F1CC

Deuteranopia

B0B48B

E6E5E6

DFE2B7

807D9C

F1F1CF

Tritanopia

C38B8B

E3E7E8

ECBABB

709D9D

F0D6D8

Achromatopsia

9C9C9C

E8E8E8

CFCFCF

909090

ECECEC

Shades & Tints Shades & Tints

#C68A8C

Dark

Light

#E2ECE4

Dark

Light

#EEC5B1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c68a8c;
  --color-2: #e2ece4;
  --color-3: #eec5b1;
  --color-4: #6e9f9b;
  --color-5: #f0f2c0;
}

SCSS

$color-1: #c68a8c;
$color-2: #e2ece4;
$color-3: #eec5b1;
$color-4: #6e9f9b;
$color-5: #f0f2c0;

TAILWIND

colors: {
  'brand-1': '#c68a8c',
  'brand-2': '#e2ece4',
  'brand-3': '#eec5b1',
  'brand-4': '#6e9f9b',
  'brand-5': '#f0f2c0',
}

RGB Array

[198, 138, 140], [226, 236, 228], [238, 197, 177], [110, 159, 155], [240, 242, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C68A8C, #E2ECE4, #EEC5B1, #6E9F9B, #F0F2C0 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: #c68a8c; --color-2: #e2ece4; --color-3: #eec5b1; --color-4: #6e9f9b; --color-5: #f0f2c0. 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