#CFC0D1 + #E8D2CA + #E2C18B + #F0A34A + #F27641 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CFC0D1

Lilac · LightGray · Lilac Purple

HEX

#CFC0D1

RGB

rgb(207, 192, 209)

HSL

hsl(293, 16%, 79%)

HSB

hsb(293, 8%, 82%)

CMYK

cmyk(1%, 8%, 0%, 18%)

Oklch

oklch(82.5% 0.029 322.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E8D2CA

Apricot · LightGray · Peach Orange

HEX

#E8D2CA

RGB

rgb(232, 210, 202)

HSL

hsl(16, 39%, 85%)

HSB

hsb(16, 13%, 91%)

CMYK

cmyk(0%, 9%, 13%, 9%)

Oklch

oklch(88.0% 0.027 41.1)

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

#E2C18B

Goose Yellow · BurlyWood · Warm Sun

HEX

#E2C18B

RGB

rgb(226, 193, 139)

HSL

hsl(37, 60%, 72%)

HSB

hsb(37, 38%, 89%)

CMYK

cmyk(0%, 15%, 38%, 11%)

Oklch

oklch(82.7% 0.080 79.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F0A34A

Ginger · SandyBrown · Warm Sun

HEX

#F0A34A

RGB

rgb(240, 163, 74)

HSL

hsl(32, 85%, 62%)

HSB

hsb(32, 69%, 94%)

CMYK

cmyk(0%, 32%, 69%, 6%)

Oklch

oklch(77.5% 0.138 67.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F27641

Tangerine · Coral · Warm Sun

HEX

#F27641

RGB

rgb(242, 118, 65)

HSL

hsl(18, 87%, 60%)

HSB

hsb(18, 73%, 95%)

CMYK

cmyk(0%, 51%, 73%, 5%)

Oklch

oklch(70.2% 0.167 42.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFC0D1

C3D2C1

Analogous

C7C1D2

CFC0D1

D2C1CB

Triadic

CFC0D1

D2D0C1

C1D2D0

Split-Comp.

CFC0D1

CBD2C1

C1D2C7

Tetradic

CFC0D1

D2C7C1

C3D2C1

C1CBD2

Contrast Matrix WCAG 2.1 Contrast

CFC0D1	E8D2CA	E2C18B	F0A34A	F27641
—	1.2 Fail	1.0 Fail	1.2 Fail	1.6 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.9 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
1.2 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
1.6 Fail	1.9 Fail	1.6 Fail	1.3 Fail	—

White BG

1.7Fail

1.4Fail

1.7Fail

2.1Fail

2.8Fail

Black BG

12.1AAA

14.5AAA

12.2AAA

10.0AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C8CD

DEDECC

D4D398

CFCE60

BCBB4E

Deuteranopia

C9CACC

E0E1CC

D6D89B

D3D965

C4CD51

Tritanopia

CECAC9

E7CDCE

E0A2A5

EC7174

EC585A

Achromatopsia

C6C6C6

D8D8D8

C5C5C5

B0B0B0

959595

Shades & Tints Shades & Tints

#CFC0D1

Dark

Light

#E8D2CA

Dark

Light

#E2C18B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfc0d1;
  --color-2: #e8d2ca;
  --color-3: #e2c18b;
  --color-4: #f0a34a;
  --color-5: #f27641;
}

SCSS

$color-1: #cfc0d1;
$color-2: #e8d2ca;
$color-3: #e2c18b;
$color-4: #f0a34a;
$color-5: #f27641;

TAILWIND

colors: {
  'brand-1': '#cfc0d1',
  'brand-2': '#e8d2ca',
  'brand-3': '#e2c18b',
  'brand-4': '#f0a34a',
  'brand-5': '#f27641',
}

RGB Array

[207, 192, 209], [232, 210, 202], [226, 193, 139], [240, 163, 74], [242, 118, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFC0D1, #E8D2CA, #E2C18B, #F0A34A, #F27641 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: #cfc0d1; --color-2: #e8d2ca; --color-3: #e2c18b; --color-4: #f0a34a; --color-5: #f27641. 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