← Back to Editor

#F2EBBD · #D9CB9A · #F5A07B · #F05977 · #A15472

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

#F2EBBD

Fresh Green · Bisque · Lemon Cream

HEX
#F2EBBD
RGB
rgb(242, 235, 189)
HSL
hsl(52, 67%, 85%)
HSB
hsb(52, 22%, 95%)
CMYK
cmyk(0%, 3%, 22%, 5%)
Oklch
oklch(93.4% 0.060 100.3)

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

#D9CB9A

Goose Yellow · BurlyWood · Sunflower

HEX
#D9CB9A
RGB
rgb(217, 203, 154)
HSL
hsl(47, 45%, 73%)
HSB
hsb(47, 29%, 85%)
CMYK
cmyk(0%, 6%, 29%, 15%)
Oklch
oklch(84.2% 0.066 94.0)

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

#F5A07B

Apricot · LightSalmon · Warm Sun

HEX
#F5A07B
RGB
rgb(245, 160, 123)
HSL
hsl(18, 86%, 72%)
HSB
hsb(18, 50%, 96%)
CMYK
cmyk(0%, 35%, 50%, 4%)
Oklch
oklch(78.2% 0.114 44.2)

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

#F05977

Peach Pink · LightCoral · Coral Red

HEX
#F05977
RGB
rgb(240, 89, 119)
HSL
hsl(348, 83%, 65%)
HSB
hsb(348, 63%, 94%)
CMYK
cmyk(0%, 63%, 50%, 6%)
Oklch
oklch(67.0% 0.186 11.7)

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

#A15472

Dark Violet · Gray · Camellia

HEX
#A15472
RGB
rgb(161, 84, 114)
HSL
hsl(337, 31%, 48%)
HSB
hsb(337, 48%, 63%)
CMYK
cmyk(0%, 48%, 29%, 37%)
Oklch
oklch(54.7% 0.107 356.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EBBD
BFC6F2

Analogous

F2D2BF
F2EBBD
E0F2BF

Triadic

F2EBBD
BFF2EC
ECBFF2

Split-Comp.

F2EBBD
BFE0F2
D2BFF2

Tetradic

F2EBBD
BFF2D2
BFC6F2
F2BFE0

Contrast Matrix WCAG 2.1 Contrast

F2EBBD
D9CB9A
F5A07B
F05977
A15472
—
1.3
Fail
1.7
Fail
2.7
Fail
4.3
AA Large
1.3
Fail
—
1.3
Fail
2.0
Fail
3.2
AA Large
1.7
Fail
1.3
Fail
—
1.6
Fail
2.5
Fail
2.7
Fail
2.0
Fail
1.6
Fail
—
1.6
Fail
4.3
AA Large
3.2
AA Large
2.5
Fail
1.6
Fail
—
White BG
1.2Fail
1.6Fail
2.1Fail
3.3AA Large
5.2AA
Black BG
17.4AAA
13.0AAA
10.2AAA
6.4AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC8
D3D3A6
D0CF84
AFAD70
807F6B

Deuteranopia

EFF0CB
D4D5A9
D5DC86
B7C36E
848A69

Tritanopia

F2D1D3
D8AFB1
F18B8D
E86A69
9D6564

Achromatopsia

E8E8E8
CACACA
B5B5B5
8A8A8A
6E6E6E

Shades & Tints Shades & Tints

#F2EBBD

Dark
Light

#D9CB9A

Dark
Light

#F5A07B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ebbd;
  --color-2: #d9cb9a;
  --color-3: #f5a07b;
  --color-4: #f05977;
  --color-5: #a15472;
}

SCSS

$color-1: #f2ebbd;
$color-2: #d9cb9a;
$color-3: #f5a07b;
$color-4: #f05977;
$color-5: #a15472;

TAILWIND

colors: {
  'brand-1': '#f2ebbd',
  'brand-2': '#d9cb9a',
  'brand-3': '#f5a07b',
  'brand-4': '#f05977',
  'brand-5': '#a15472',
}

RGB Array

[242, 235, 189], [217, 203, 154], [245, 160, 123], [240, 89, 119], [161, 84, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EBBD, #D9CB9A, #F5A07B, #F05977, #A15472 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: #f2ebbd; --color-2: #d9cb9a; --color-3: #f5a07b; --color-4: #f05977; --color-5: #a15472. 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