← Back to Editor

#F14E91 · #E77893 · #DDA296 · #D2CC98 · #C8F69B

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F14E91

Rouge · LightCoral · Rose Pink

HEX
#F14E91
RGB
rgb(241, 78, 145)
HSL
hsl(335, 85%, 63%)
HSB
hsb(335, 68%, 95%)
CMYK
cmyk(0%, 68%, 40%, 5%)
Oklch
oklch(66.7% 0.206 359.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E77893

Peach Pink · LightCoral · Coral Red

HEX
#E77893
RGB
rgb(231, 120, 147)
HSL
hsl(345, 70%, 69%)
HSB
hsb(345, 48%, 91%)
CMYK
cmyk(0%, 48%, 36%, 9%)
Oklch
oklch(70.6% 0.139 5.8)

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

#DDA296

Peach Pink · Tan · Coral Red

HEX
#DDA296
RGB
rgb(221, 162, 150)
HSL
hsl(10, 51%, 73%)
HSB
hsb(10, 32%, 87%)
CMYK
cmyk(0%, 27%, 32%, 13%)
Oklch
oklch(76.5% 0.073 31.7)

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

#D2CC98

Fresh Green · Tan · Sunflower

HEX
#D2CC98
RGB
rgb(210, 204, 152)
HSL
hsl(54, 39%, 71%)
HSB
hsb(54, 28%, 82%)
CMYK
cmyk(0%, 3%, 28%, 18%)
Oklch
oklch(83.7% 0.069 102.2)

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

#C8F69B

Emerald · Khaki · Apple Green

HEX
#C8F69B
RGB
rgb(200, 246, 155)
HSL
hsl(90, 83%, 79%)
HSB
hsb(90, 37%, 96%)
CMYK
cmyk(19%, 0%, 37%, 4%)
Oklch
oklch(92.0% 0.127 130.4)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F14E91
50F1AE

Analogous

F150E3
F14E91
F15E50

Triadic

F14E91
93F150
5093F1

Split-Comp.

F14E91
50F15E
50E3F1

Tetradic

F14E91
E3F150
50F1AE
5E50F1

Contrast Matrix WCAG 2.1 Contrast

F14E91
E77893
DDA296
D2CC98
C8F69B
—
1.2
Fail
1.6
Fail
2.1
Fail
2.7
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
3.4AA Large
2.8Fail
2.2Fail
1.6Fail
1.2Fail
Black BG
6.2AA
7.5AAA
9.7AAA
12.8AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA981
B7B68C
C3C399
CFCFA5
DCDCB1

Deuteranopia

B4C07D
BDC68B
C7CB9A
D0D0A8
D9D6B6

Tritanopia

E97471
E18786
DA9B9C
D2AFB1
CAC2C6

Achromatopsia

868686
9C9C9C
B2B2B2
C8C8C8
DEDEDE

Shades & Tints Shades & Tints

#F14E91

Dark
Light

#E77893

Dark
Light

#DDA296

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f14e91;
  --color-2: #e77893;
  --color-3: #dda296;
  --color-4: #d2cc98;
  --color-5: #c8f69b;
}

SCSS

$color-1: #f14e91;
$color-2: #e77893;
$color-3: #dda296;
$color-4: #d2cc98;
$color-5: #c8f69b;

TAILWIND

colors: {
  'brand-1': '#f14e91',
  'brand-2': '#e77893',
  'brand-3': '#dda296',
  'brand-4': '#d2cc98',
  'brand-5': '#c8f69b',
}

RGB Array

[241, 78, 145], [231, 120, 147], [221, 162, 150], [210, 204, 152], [200, 246, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F14E91, #E77893, #DDA296, #D2CC98, #C8F69B 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: #f14e91; --color-2: #e77893; --color-3: #dda296; --color-4: #d2cc98; --color-5: #c8f69b. 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 warm-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