← Back to Editor

#F8B299 · #EB9280 · #C07359 · #7E8E21 · #AFB553

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

#F8B299

Apricot · BurlyWood · Peach Orange

HEX
#F8B299
RGB
rgb(248, 178, 153)
HSL
hsl(16, 87%, 79%)
HSB
hsb(16, 38%, 97%)
CMYK
cmyk(0%, 28%, 38%, 3%)
Oklch
oklch(82.3% 0.089 40.5)

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

#EB9280

Peach Pink · DarkSalmon · Coral Red

HEX
#EB9280
RGB
rgb(235, 146, 128)
HSL
hsl(10, 73%, 71%)
HSB
hsb(10, 46%, 92%)
CMYK
cmyk(0%, 38%, 46%, 8%)
Oklch
oklch(74.7% 0.112 32.2)

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

#C07359

Tangerine · Chocolate · Warm Sun

HEX
#C07359
RGB
rgb(192, 115, 89)
HSL
hsl(15, 45%, 55%)
HSB
hsb(15, 54%, 75%)
CMYK
cmyk(0%, 40%, 54%, 25%)
Oklch
oklch(63.3% 0.105 39.4)

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

#7E8E21

Autumn Sage · Olive · Honey Gold

HEX
#7E8E21
RGB
rgb(126, 142, 33)
HSL
hsl(69, 62%, 34%)
HSB
hsb(69, 77%, 56%)
CMYK
cmyk(11%, 0%, 77%, 44%)
Oklch
oklch(61.4% 0.130 117.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AFB553

Autumn Sage · Tan · Sunflower

HEX
#AFB553
RGB
rgb(175, 181, 83)
HSL
hsl(64, 40%, 52%)
HSB
hsb(64, 54%, 71%)
CMYK
cmyk(3%, 0%, 54%, 29%)
Oklch
oklch(74.8% 0.122 112.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8B299
9BDFF8

Analogous

F89BB1
F8B299
F8E29B

Triadic

F8B299
9BF8B4
B49BF8

Split-Comp.

F8B299
9BF8E2
9BB1F8

Tetradic

F8B299
B1F89B
9BDFF8
E29BF8

Contrast Matrix WCAG 2.1 Contrast

F8B299
EB9280
C07359
7E8E21
AFB553
—
1.3
Fail
2.0
Fail
2.0
Fail
1.2
Fail
1.3
Fail
—
1.5
Fail
1.5
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
1.0
Fail
1.6
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
1.7
Fail
1.2
Fail
1.1
Fail
1.6
Fail
1.7
Fail
—
White BG
1.8Fail
2.3Fail
3.6AA Large
3.6AA Large
2.2Fail
Black BG
11.8AAA
9.0AAA
5.8AA
5.8AA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD99F
C4C484
9F9E5F
85853B
B2B26B

Deuteranopia

DEE3A1
CAD085
A3A961
848342
B1B170

Tritanopia

F5A4A5
E78889
BC6465
7F5055
AF7D82

Achromatopsia

C4C4C4
ABABAB
878787
7D7D7D
A8A8A8

Shades & Tints Shades & Tints

#F8B299

Dark
Light

#EB9280

Dark
Light

#C07359

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8b299;
  --color-2: #eb9280;
  --color-3: #c07359;
  --color-4: #7e8e21;
  --color-5: #afb553;
}

SCSS

$color-1: #f8b299;
$color-2: #eb9280;
$color-3: #c07359;
$color-4: #7e8e21;
$color-5: #afb553;

TAILWIND

colors: {
  'brand-1': '#f8b299',
  'brand-2': '#eb9280',
  'brand-3': '#c07359',
  'brand-4': '#7e8e21',
  'brand-5': '#afb553',
}

RGB Array

[248, 178, 153], [235, 146, 128], [192, 115, 89], [126, 142, 33], [175, 181, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8B299, #EB9280, #C07359, #7E8E21, #AFB553 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: #f8b299; --color-2: #eb9280; --color-3: #c07359; --color-4: #7e8e21; --color-5: #afb553. 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