← Back to Editor

#EFBC67 · #F79980 · #F2BAAB · #F2D7AB · #583B43

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

#EFBC67

Ginger · SandyBrown · Warm Sun

HEX
#EFBC67
RGB
rgb(239, 188, 103)
HSL
hsl(38, 81%, 67%)
HSB
hsb(38, 57%, 94%)
CMYK
cmyk(0%, 21%, 57%, 6%)
Oklch
oklch(82.4% 0.119 78.7)

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

#F79980

Peach Pink · LightSalmon · Coral Red

HEX
#F79980
RGB
rgb(247, 153, 128)
HSL
hsl(13, 88%, 74%)
HSB
hsb(13, 48%, 97%)
CMYK
cmyk(0%, 38%, 48%, 3%)
Oklch
oklch(77.4% 0.119 35.7)

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

#F2BAAB

Peach Pink · LightPink · Cherry Blossom

HEX
#F2BAAB
RGB
rgb(242, 186, 171)
HSL
hsl(13, 73%, 81%)
HSB
hsb(13, 29%, 95%)
CMYK
cmyk(0%, 23%, 29%, 5%)
Oklch
oklch(83.6% 0.069 35.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F2D7AB

Goose Yellow · Wheat · Peach Orange

HEX
#F2D7AB
RGB
rgb(242, 215, 171)
HSL
hsl(37, 73%, 81%)
HSB
hsb(37, 29%, 95%)
CMYK
cmyk(0%, 11%, 29%, 5%)
Oklch
oklch(89.1% 0.065 79.8)

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

#583B43

Dark Violet · DarkSlateGray · Camellia

HEX
#583B43
RGB
rgb(88, 59, 67)
HSL
hsl(343, 20%, 29%)
HSB
hsb(343, 33%, 35%)
CMYK
cmyk(0%, 33%, 24%, 65%)
Oklch
oklch(38.8% 0.043 1.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFBC67
6799EF

Analogous

EF7967
EFBC67
DDEF67

Triadic

EFBC67
67EFBD
BD67EF

Split-Comp.

EFBC67
67DDEF
7967EF

Tetradic

EFBC67
67EF79
6799EF
EF67DD

Contrast Matrix WCAG 2.1 Contrast

EFBC67
F79980
F2BAAB
F2D7AB
583B43
—
1.2
Fail
1.0
Fail
1.3
Fail
5.7
AA
1.2
Fail
—
1.3
Fail
1.5
Fail
4.6
AA
1.0
Fail
1.3
Fail
—
1.2
Fail
5.8
AA
1.3
Fail
1.5
Fail
1.2
Fail
—
7.1
AAA
5.7
AA
4.6
AA
5.8
AA
7.1
AAA
—
White BG
1.7Fail
2.1Fail
1.7Fail
1.4Fail
9.9AAA
Black BG
12.1AAA
9.8AAA
12.4AAA
15.1AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D87C
CECD86
DAD9AF
E6E6B6
4B4B41

Deuteranopia

DCE081
D4DB88
DDE1B0
E8EAB8
4D4F41

Tritanopia

EC8C8F
F28B8C
EFB1B2
F1BEC0
57403F

Achromatopsia

C2C2C2
B2B2B2
C9C9C9
DADADA
454545

Shades & Tints Shades & Tints

#EFBC67

Dark
Light

#F79980

Dark
Light

#F2BAAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efbc67;
  --color-2: #f79980;
  --color-3: #f2baab;
  --color-4: #f2d7ab;
  --color-5: #583b43;
}

SCSS

$color-1: #efbc67;
$color-2: #f79980;
$color-3: #f2baab;
$color-4: #f2d7ab;
$color-5: #583b43;

TAILWIND

colors: {
  'brand-1': '#efbc67',
  'brand-2': '#f79980',
  'brand-3': '#f2baab',
  'brand-4': '#f2d7ab',
  'brand-5': '#583b43',
}

RGB Array

[239, 188, 103], [247, 153, 128], [242, 186, 171], [242, 215, 171], [88, 59, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFBC67, #F79980, #F2BAAB, #F2D7AB, #583B43 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #efbc67; --color-2: #f79980; --color-3: #f2baab; --color-4: #f2d7ab; --color-5: #583b43. 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. 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