← Back to Editor

#F3E8C3 · #DDCE9E · #DF9449 · #D26F6A · #F53A76

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

#F3E8C3

Goose Yellow · Bisque · Lemon Cream

HEX
#F3E8C3
RGB
rgb(243, 232, 195)
HSL
hsl(46, 67%, 86%)
HSB
hsb(46, 20%, 95%)
CMYK
cmyk(0%, 5%, 20%, 5%)
Oklch
oklch(93.0% 0.050 93.4)

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

#DDCE9E

Goose Yellow · BurlyWood · Sunflower

HEX
#DDCE9E
RGB
rgb(221, 206, 158)
HSL
hsl(46, 48%, 74%)
HSB
hsb(46, 29%, 87%)
CMYK
cmyk(0%, 7%, 29%, 13%)
Oklch
oklch(85.2% 0.065 92.8)

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

#DF9449

Ginger · SandyBrown · Warm Sun

HEX
#DF9449
RGB
rgb(223, 148, 73)
HSL
hsl(30, 70%, 58%)
HSB
hsb(30, 67%, 87%)
CMYK
cmyk(0%, 34%, 67%, 13%)
Oklch
oklch(72.8% 0.128 63.3)

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

#D26F6A

Peach Pink · LightCoral · Coral Red

HEX
#D26F6A
RGB
rgb(210, 111, 106)
HSL
hsl(3, 54%, 62%)
HSB
hsb(3, 50%, 82%)
CMYK
cmyk(0%, 47%, 50%, 18%)
Oklch
oklch(65.4% 0.125 24.1)

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

#F53A76

Dark Violet · DeepPink · Rose Pink

HEX
#F53A76
RGB
rgb(245, 58, 118)
HSL
hsl(341, 90%, 59%)
HSB
hsb(341, 76%, 96%)
CMYK
cmyk(0%, 76%, 52%, 4%)
Oklch
oklch(64.8% 0.223 7.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3E8C3
C3CFF3

Analogous

F3D0C3
F3E8C3
E6F3C3

Triadic

F3E8C3
C3F3E8
E8C3F3

Split-Comp.

F3E8C3
C3E6F3
D0C3F3

Tetradic

F3E8C3
C3F3D0
C3CFF3
F3C3E6

Contrast Matrix WCAG 2.1 Contrast

F3E8C3
DDCE9E
DF9449
D26F6A
F53A76
—
1.3
Fail
2.0
Fail
2.8
Fail
3.0
Fail
1.3
Fail
—
1.6
Fail
2.2
Fail
2.3
Fail
2.0
Fail
1.6
Fail
—
1.4
Fail
1.5
Fail
2.8
Fail
2.2
Fail
1.4
Fail
—
1.1
Fail
3.0
Fail
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
1.2Fail
1.6Fail
2.5Fail
3.4AA Large
3.7AA Large
Black BG
17.1AAA
13.4AAA
8.5AAA
6.2AA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEECC
D7D6AA
BFBE5B
A7A66B
A4A267

Deuteranopia

EFF0CE
D7D9AC
C3C960
ADB46B
AFBD64

Tritanopia

F2D3D5
DCB3B5
DB696D
CD6C6C
EC5C5A

Achromatopsia

E7E7E7
CDCDCD
A2A2A2
8C8C8C
797979

Shades & Tints Shades & Tints

#F3E8C3

Dark
Light

#DDCE9E

Dark
Light

#DF9449

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3e8c3;
  --color-2: #ddce9e;
  --color-3: #df9449;
  --color-4: #d26f6a;
  --color-5: #f53a76;
}

SCSS

$color-1: #f3e8c3;
$color-2: #ddce9e;
$color-3: #df9449;
$color-4: #d26f6a;
$color-5: #f53a76;

TAILWIND

colors: {
  'brand-1': '#f3e8c3',
  'brand-2': '#ddce9e',
  'brand-3': '#df9449',
  'brand-4': '#d26f6a',
  'brand-5': '#f53a76',
}

RGB Array

[243, 232, 195], [221, 206, 158], [223, 148, 73], [210, 111, 106], [245, 58, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3E8C3, #DDCE9E, #DF9449, #D26F6A, #F53A76 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: #f3e8c3; --color-2: #ddce9e; --color-3: #df9449; --color-4: #d26f6a; --color-5: #f53a76. 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