← Back to Editor

#EF2065 · #F77065 · #F1AE66 · #D2C296 · #8DB9B7

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

#EF2065

Dark Violet · Crimson · Rose Pink

HEX
#EF2065
RGB
rgb(239, 32, 101)
HSL
hsl(340, 87%, 53%)
HSB
hsb(340, 87%, 94%)
CMYK
cmyk(0%, 87%, 58%, 6%)
Oklch
oklch(61.8% 0.234 9.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F77065

Peach Pink · Salmon · Coral Red

HEX
#F77065
RGB
rgb(247, 112, 101)
HSL
hsl(5, 90%, 68%)
HSB
hsb(5, 59%, 97%)
CMYK
cmyk(0%, 55%, 59%, 3%)
Oklch
oklch(70.6% 0.168 26.9)

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

#F1AE66

Ginger · SandyBrown · Warm Sun

HEX
#F1AE66
RGB
rgb(241, 174, 102)
HSL
hsl(31, 83%, 67%)
HSB
hsb(31, 58%, 95%)
CMYK
cmyk(0%, 28%, 58%, 5%)
Oklch
oklch(80.0% 0.119 66.7)

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

#D2C296

Goose Yellow · Tan · Sunflower

HEX
#D2C296
RGB
rgb(210, 194, 150)
HSL
hsl(44, 40%, 71%)
HSB
hsb(44, 29%, 82%)
CMYK
cmyk(0%, 8%, 29%, 18%)
Oklch
oklch(81.6% 0.061 90.4)

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

#8DB9B7

Jade · DarkGray · Lake Green

HEX
#8DB9B7
RGB
rgb(141, 185, 183)
HSL
hsl(177, 24%, 64%)
HSB
hsb(177, 24%, 73%)
CMYK
cmyk(24%, 0%, 1%, 27%)
Oklch
oklch(75.4% 0.047 192.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF2065
1FEFAA

Analogous

EF1FCD
EF2065
EF421F

Triadic

EF2065
64EF1F
1F64EF

Split-Comp.

EF2065
1FEF42
1FCDEF

Tetradic

EF2065
CDEF1F
1FEFAA
421FEF

Contrast Matrix WCAG 2.1 Contrast

EF2065
F77065
F1AE66
D2C296
8DB9B7
—
1.5
Fail
2.2
Fail
2.3
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
1.6
Fail
1.3
Fail
2.2
Fail
1.5
Fail
—
1.1
Fail
1.1
Fail
2.3
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
White BG
4.1AA Large
2.8Fail
1.9Fail
1.8Fail
2.2Fail
Black BG
5.1AA
7.5AAA
11.0AAA
11.9AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959454
BDBB68
D4D377
CBCBA1
A0A0B7

Deuteranopia

A1B150
C4CE68
D8DD7C
CCCDA3
9E9AB8

Tritanopia

E54744
F06A6A
EE8588
D1A9AB
8FB8B8

Achromatopsia

666666
979797
BABABA
C2C2C2
ACACAC

Shades & Tints Shades & Tints

#EF2065

Dark
Light

#F77065

Dark
Light

#F1AE66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef2065;
  --color-2: #f77065;
  --color-3: #f1ae66;
  --color-4: #d2c296;
  --color-5: #8db9b7;
}

SCSS

$color-1: #ef2065;
$color-2: #f77065;
$color-3: #f1ae66;
$color-4: #d2c296;
$color-5: #8db9b7;

TAILWIND

colors: {
  'brand-1': '#ef2065',
  'brand-2': '#f77065',
  'brand-3': '#f1ae66',
  'brand-4': '#d2c296',
  'brand-5': '#8db9b7',
}

RGB Array

[239, 32, 101], [247, 112, 101], [241, 174, 102], [210, 194, 150], [141, 185, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EF2065, #F77065, #F1AE66, #D2C296, #8DB9B7 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: #ef2065; --color-2: #f77065; --color-3: #f1ae66; --color-4: #d2c296; --color-5: #8db9b7. 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