← Back to Editor

#F5EADC · #FFCB7B · #F09E3C · #B14C6D · #510922

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 AppData Visualization

Color Details Color Details

#F5EADC

Goose Yellow · Beige · Peach Orange

HEX
#F5EADC
RGB
rgb(245, 234, 220)
HSL
hsl(34, 56%, 91%)
HSB
hsb(34, 10%, 96%)
CMYK
cmyk(0%, 4%, 10%, 4%)
Oklch
oklch(94.2% 0.022 74.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFCB7B

Goose Yellow · Khaki · Warm Sun

HEX
#FFCB7B
RGB
rgb(255, 203, 123)
HSL
hsl(36, 100%, 74%)
HSB
hsb(36, 52%, 100%)
CMYK
cmyk(0%, 20%, 52%, 0%)
Oklch
oklch(87.1% 0.114 77.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F09E3C

Ginger · GoldenRod · Warm Sun

HEX
#F09E3C
RGB
rgb(240, 158, 60)
HSL
hsl(33, 86%, 59%)
HSB
hsb(33, 75%, 94%)
CMYK
cmyk(0%, 34%, 75%, 6%)
Oklch
oklch(76.5% 0.146 66.7)

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

#B14C6D

Dark Violet · MediumVioletRed · Camellia

HEX
#B14C6D
RGB
rgb(177, 76, 109)
HSL
hsl(340, 40%, 50%)
HSB
hsb(340, 57%, 69%)
CMYK
cmyk(0%, 57%, 38%, 31%)
Oklch
oklch(55.6% 0.135 2.0)

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

#510922

Dark Violet · Maroon · Raspberry

HEX
#510922
RGB
rgb(81, 9, 34)
HSL
hsl(339, 80%, 18%)
HSB
hsb(339, 89%, 32%)
CMYK
cmyk(0%, 89%, 58%, 68%)
Oklch
oklch(28.8% 0.103 6.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5EADC
DBE6F5

Analogous

F5DDDB
F5EADC
F3F5DB

Triadic

F5EADC
DBF5EA
EADBF5

Split-Comp.

F5EADC
DBF3F5
DDDBF5

Tetradic

F5EADC
DBF5DD
DBE6F5
F5DBF3

Contrast Matrix WCAG 2.1 Contrast

F5EADC
FFCB7B
F09E3C
B14C6D
510922
—
1.3
Fail
1.8
Fail
4.3
AA Large
12.5
AAA
1.3
Fail
—
1.5
Fail
3.4
AA Large
10.0
AAA
1.8
Fail
1.5
Fail
—
2.3
Fail
6.8
AA
4.3
AA Large
3.4
AA Large
2.3
Fail
—
2.9
Fail
12.5
AAA
10.0
AAA
6.8
AA
2.9
Fail
—
White BG
1.2Fail
1.5Fail
2.2Fail
5.1AA
14.9AAA
Black BG
17.7AAA
14.1AAA
9.7AAA
4.1AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0DF
E8E88E
CCCC54
858465
32311C

Deuteranopia

F1F2E0
ECEF93
D1D759
8B9363
363B1A

Tritanopia

F4E2E3
FC9EA1
EC666B
AC5F5D
4D1716

Achromatopsia

ECECEC
D1D1D1
ABABAB
6E6E6E
212121

Shades & Tints Shades & Tints

#F5EADC

Dark
Light

#FFCB7B

Dark
Light

#F09E3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5eadc;
  --color-2: #ffcb7b;
  --color-3: #f09e3c;
  --color-4: #b14c6d;
  --color-5: #510922;
}

SCSS

$color-1: #f5eadc;
$color-2: #ffcb7b;
$color-3: #f09e3c;
$color-4: #b14c6d;
$color-5: #510922;

TAILWIND

colors: {
  'brand-1': '#f5eadc',
  'brand-2': '#ffcb7b',
  'brand-3': '#f09e3c',
  'brand-4': '#b14c6d',
  'brand-5': '#510922',
}

RGB Array

[245, 234, 220], [255, 203, 123], [240, 158, 60], [177, 76, 109], [81, 9, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5EADC, #FFCB7B, #F09E3C, #B14C6D, #510922 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f5eadc; --color-2: #ffcb7b; --color-3: #f09e3c; --color-4: #b14c6d; --color-5: #510922. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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