← Back to Editor

#D4C96B · #91A6C1 · #FFC0AC · #E35151 · #E70049

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

#D4C96B

Fresh Green · BurlyWood · Sunflower

HEX
#D4C96B
RGB
rgb(212, 201, 107)
HSL
hsl(54, 55%, 63%)
HSB
hsb(54, 50%, 83%)
CMYK
cmyk(0%, 5%, 50%, 17%)
Oklch
oklch(82.5% 0.117 102.6)

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

#91A6C1

Azure · DarkGray · Cobalt Blue

HEX
#91A6C1
RGB
rgb(145, 166, 193)
HSL
hsl(214, 28%, 66%)
HSB
hsb(214, 25%, 76%)
CMYK
cmyk(25%, 14%, 0%, 24%)
Oklch
oklch(71.8% 0.046 254.8)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#FFC0AC

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC0AC
RGB
rgb(255, 192, 172)
HSL
hsl(14, 100%, 84%)
HSB
hsb(14, 33%, 100%)
CMYK
cmyk(0%, 25%, 33%, 0%)
Oklch
oklch(86.0% 0.078 38.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E35151

Vermilion · Tomato · Passion Red

HEX
#E35151
RGB
rgb(227, 81, 81)
HSL
hsl(0, 72%, 60%)
HSB
hsb(0, 64%, 89%)
CMYK
cmyk(0%, 64%, 64%, 11%)
Oklch
oklch(63.3% 0.182 23.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E70049

Dark Violet · Crimson · Camellia

HEX
#E70049
RGB
rgb(231, 0, 73)
HSL
hsl(341, 100%, 45%)
HSB
hsb(341, 100%, 91%)
CMYK
cmyk(0%, 100%, 68%, 9%)
Oklch
oklch(58.9% 0.236 16.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4C96B
6D77D5

Analogous

D5966D
D4C96B
ABD56D

Triadic

D4C96B
6DD5CA
CA6DD5

Split-Comp.

D4C96B
6DABD5
966DD5

Tetradic

D4C96B
6DD596
6D77D5
D56DAB

Contrast Matrix WCAG 2.1 Contrast

D4C96B
91A6C1
FFC0AC
E35151
E70049
—
1.5
Fail
1.1
Fail
2.2
Fail
2.8
Fail
1.5
Fail
—
1.6
Fail
1.5
Fail
1.9
Fail
1.1
Fail
1.6
Fail
—
2.4
Fail
3.0
Fail
2.2
Fail
1.5
Fail
2.4
Fail
—
1.2
Fail
2.8
Fail
1.9
Fail
3.0
Fail
1.2
Fail
—
White BG
1.7Fail
2.5Fail
1.6Fail
3.8AA Large
4.7AA
Black BG
12.4AAA
8.4AAA
13.4AAA
5.6AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCF82
9A9ABA
E4E3B1
A4A251
838137

Deuteranopia

D0D187
9997B9
E7ECB2
ACB751
90A233

Tritanopia

D39498
92B5B4
FCB5B6
DC5151
DB2926

Achromatopsia

C2C2C2
A3A3A3
D1D1D1
7D7D7D
4D4D4D

Shades & Tints Shades & Tints

#D4C96B

Dark
Light

#91A6C1

Dark
Light

#FFC0AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4c96b;
  --color-2: #91a6c1;
  --color-3: #ffc0ac;
  --color-4: #e35151;
  --color-5: #e70049;
}

SCSS

$color-1: #d4c96b;
$color-2: #91a6c1;
$color-3: #ffc0ac;
$color-4: #e35151;
$color-5: #e70049;

TAILWIND

colors: {
  'brand-1': '#d4c96b',
  'brand-2': '#91a6c1',
  'brand-3': '#ffc0ac',
  'brand-4': '#e35151',
  'brand-5': '#e70049',
}

RGB Array

[212, 201, 107], [145, 166, 193], [255, 192, 172], [227, 81, 81], [231, 0, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4C96B, #91A6C1, #FFC0AC, #E35151, #E70049 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #d4c96b; --color-2: #91a6c1; --color-3: #ffc0ac; --color-4: #e35151; --color-5: #e70049. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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