← Back to Editor

#DD4264 · #F37E84 · #F6B08C · #F4D885 · #FAE9A4

A 5-color palette 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

#DD4264

Vermilion · Tomato · Passion Red

HEX
#DD4264
RGB
rgb(221, 66, 100)
HSL
hsl(347, 70%, 56%)
HSB
hsb(347, 70%, 87%)
CMYK
cmyk(0%, 70%, 55%, 13%)
Oklch
oklch(61.1% 0.191 12.1)

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

#F37E84

Peach Pink · LightCoral · Coral Red

HEX
#F37E84
RGB
rgb(243, 126, 132)
HSL
hsl(357, 83%, 72%)
HSB
hsb(357, 48%, 95%)
CMYK
cmyk(0%, 48%, 46%, 5%)
Oklch
oklch(72.6% 0.143 18.1)

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

#F6B08C

Apricot · LightSalmon · Peach Orange

HEX
#F6B08C
RGB
rgb(246, 176, 140)
HSL
hsl(20, 85%, 76%)
HSB
hsb(20, 43%, 96%)
CMYK
cmyk(0%, 28%, 43%, 4%)
Oklch
oklch(81.5% 0.096 48.2)

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

#F4D885

Goose Yellow · Khaki · Sunflower

HEX
#F4D885
RGB
rgb(244, 216, 133)
HSL
hsl(45, 83%, 74%)
HSB
hsb(45, 45%, 96%)
CMYK
cmyk(0%, 11%, 45%, 4%)
Oklch
oklch(88.8% 0.107 91.4)

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

#FAE9A4

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE9A4
RGB
rgb(250, 233, 164)
HSL
hsl(48, 90%, 81%)
HSB
hsb(48, 34%, 98%)
CMYK
cmyk(0%, 7%, 34%, 2%)
Oklch
oklch(93.2% 0.089 96.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD4264
40DDBB

Analogous

DD40B1
DD4264
DD6D40

Triadic

DD4264
62DD40
4062DD

Split-Comp.

DD4264
40DD6D
40B1DD

Tetradic

DD4264
B1DD40
40DDBB
6D40DD

Contrast Matrix WCAG 2.1 Contrast

DD4264
F37E84
F6B08C
F4D885
FAE9A4
—
1.6
Fail
2.3
Fail
3.0
Fail
3.4
AA Large
1.6
Fail
—
1.4
Fail
1.8
Fail
2.1
Fail
2.3
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
3.0
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
3.4
AA Large
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
4.2AA Large
2.6Fail
1.8Fail
1.4Fail
1.2Fail
Black BG
5.0AA
8.1AAA
11.5AAA
15.0AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A985C
C0BF83
D8D795
E8E899
F3F2B5

Deuteranopia

A3AF5A
C7D082
DCE197
EAEC9E
F4F5B9

Tritanopia

D55554
ED8181
F39C9D
F3A9AC
F9C2C5

Achromatopsia

747474
A2A2A2
C1C1C1
D7D7D7
E6E6E6

Shades & Tints Shades & Tints

#DD4264

Dark
Light

#F37E84

Dark
Light

#F6B08C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd4264;
  --color-2: #f37e84;
  --color-3: #f6b08c;
  --color-4: #f4d885;
  --color-5: #fae9a4;
}

SCSS

$color-1: #dd4264;
$color-2: #f37e84;
$color-3: #f6b08c;
$color-4: #f4d885;
$color-5: #fae9a4;

TAILWIND

colors: {
  'brand-1': '#dd4264',
  'brand-2': '#f37e84',
  'brand-3': '#f6b08c',
  'brand-4': '#f4d885',
  'brand-5': '#fae9a4',
}

RGB Array

[221, 66, 100], [243, 126, 132], [246, 176, 140], [244, 216, 133], [250, 233, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DD4264, #F37E84, #F6B08C, #F4D885, #FAE9A4 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: #dd4264; --color-2: #f37e84; --color-3: #f6b08c; --color-4: #f4d885; --color-5: #fae9a4. 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