← Back to Editor

#C7C0F5 · #E7B282 · #E5A159 · #E9956B · #DB714C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C7C0F5

Wisteria · LightSteelBlue · Sky Blue

HEX
#C7C0F5
RGB
rgb(199, 192, 245)
HSL
hsl(248, 73%, 86%)
HSB
hsb(248, 22%, 96%)
CMYK
cmyk(19%, 22%, 0%, 4%)
Oklch
oklch(83.1% 0.074 290.8)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#E7B282

Apricot · BurlyWood · Warm Sun

HEX
#E7B282
RGB
rgb(231, 178, 130)
HSL
hsl(29, 68%, 71%)
HSB
hsb(29, 44%, 91%)
CMYK
cmyk(0%, 23%, 44%, 9%)
Oklch
oklch(80.1% 0.088 63.2)

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

#E5A159

Ginger · SandyBrown · Warm Sun

HEX
#E5A159
RGB
rgb(229, 161, 89)
HSL
hsl(31, 73%, 62%)
HSB
hsb(31, 61%, 90%)
CMYK
cmyk(0%, 30%, 61%, 10%)
Oklch
oklch(76.1% 0.120 65.8)

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

#E9956B

Apricot · DarkSalmon · Warm Sun

HEX
#E9956B
RGB
rgb(233, 149, 107)
HSL
hsl(20, 74%, 67%)
HSB
hsb(20, 54%, 91%)
CMYK
cmyk(0%, 36%, 54%, 9%)
Oklch
oklch(74.6% 0.116 47.0)

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

#DB714C

Tangerine · Coral · Warm Sun

HEX
#DB714C
RGB
rgb(219, 113, 76)
HSL
hsl(16, 67%, 58%)
HSB
hsb(16, 65%, 86%)
CMYK
cmyk(0%, 48%, 65%, 14%)
Oklch
oklch(66.4% 0.142 39.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7C0F5
EEF5C1

Analogous

C1D4F5
C7C0F5
E2C1F5

Triadic

C7C0F5
F5C8C1
C1F5C8

Split-Comp.

C7C0F5
F5E2C1
D4F5C1

Tetradic

C7C0F5
F5C1D4
EEF5C1
C1F5E2

Contrast Matrix WCAG 2.1 Contrast

C7C0F5
E7B282
E5A159
E9956B
DB714C
—
1.1
Fail
1.3
Fail
1.4
Fail
1.9
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.9
Fail
1.7
Fail
1.5
Fail
1.4
Fail
—
White BG
1.7Fail
1.9Fail
2.2Fail
2.3Fail
3.2AA Large
Black BG
12.3AAA
11.1AAA
9.6AAA
9.0AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4E8
D0D08E
C8C76A
C5C475
ADAC55

Deuteranopia

C4C5E5
D3D790
CCD16F
CAD078
B3BB57

Tritanopia

C7DEDC
E49799
E2787B
E57D7F
D65C5E

Achromatopsia

C8C8C8
BCBCBC
ADADAD
A9A9A9
8C8C8C

Shades & Tints Shades & Tints

#C7C0F5

Dark
Light

#E7B282

Dark
Light

#E5A159

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c0f5;
  --color-2: #e7b282;
  --color-3: #e5a159;
  --color-4: #e9956b;
  --color-5: #db714c;
}

SCSS

$color-1: #c7c0f5;
$color-2: #e7b282;
$color-3: #e5a159;
$color-4: #e9956b;
$color-5: #db714c;

TAILWIND

colors: {
  'brand-1': '#c7c0f5',
  'brand-2': '#e7b282',
  'brand-3': '#e5a159',
  'brand-4': '#e9956b',
  'brand-5': '#db714c',
}

RGB Array

[199, 192, 245], [231, 178, 130], [229, 161, 89], [233, 149, 107], [219, 113, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7C0F5, #E7B282, #E5A159, #E9956B, #DB714C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c7c0f5; --color-2: #e7b282; --color-3: #e5a159; --color-4: #e9956b; --color-5: #db714c. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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