← Back to Editor

#FF8373 · #F2B06D · #E0D087 · #E3E0AA · #B5DEA6

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

#FF8373

Peach Pink · Salmon · Coral Red

HEX
#FF8373
RGB
rgb(255, 131, 115)
HSL
hsl(7, 100%, 73%)
HSB
hsb(7, 55%, 100%)
CMYK
cmyk(0%, 49%, 55%, 0%)
Oklch
oklch(74.6% 0.154 28.8)

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

#F2B06D

Ginger · SandyBrown · Warm Sun

HEX
#F2B06D
RGB
rgb(242, 176, 109)
HSL
hsl(30, 84%, 69%)
HSB
hsb(30, 55%, 95%)
CMYK
cmyk(0%, 27%, 55%, 5%)
Oklch
oklch(80.5% 0.114 65.4)

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

#E0D087

Ginger · BurlyWood · Sunflower

HEX
#E0D087
RGB
rgb(224, 208, 135)
HSL
hsl(49, 59%, 70%)
HSB
hsb(49, 40%, 88%)
CMYK
cmyk(0%, 7%, 40%, 12%)
Oklch
oklch(85.4% 0.094 97.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E3E0AA

Fresh Green · Wheat · Lemon Cream

HEX
#E3E0AA
RGB
rgb(227, 224, 170)
HSL
hsl(57, 50%, 78%)
HSB
hsb(57, 25%, 89%)
CMYK
cmyk(0%, 1%, 25%, 11%)
Oklch
oklch(89.6% 0.070 105.1)

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

#B5DEA6

Celadon · Silver · Apple Green

HEX
#B5DEA6
RGB
rgb(181, 222, 166)
HSL
hsl(104, 46%, 76%)
HSB
hsb(104, 25%, 87%)
CMYK
cmyk(18%, 0%, 25%, 13%)
Oklch
oklch(85.7% 0.087 137.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8373
75EFFF

Analogous

FF75AA
FF8373
FFCA75

Triadic

FF8373
75FF85
8575FF

Split-Comp.

FF8373
75FFCA
75AAFF

Tetradic

FF8373
AAFF75
75EFFF
CA75FF

Contrast Matrix WCAG 2.1 Contrast

FF8373
F2B06D
E0D087
E3E0AA
B5DEA6
—
1.3
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.6
Fail
1.2
Fail
1.0
Fail
1.1
Fail
—
White BG
2.4Fail
1.9Fail
1.6Fail
1.4Fail
1.5Fail
Black BG
8.7AAA
11.2AAA
13.5AAA
15.5AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C877
D5D57D
D9D999
E2E2B7
C7C7B4

Deuteranopia

D1DA78
D9DE81
DADB9D
E2E2BA
C4C1B7

Tritanopia

F97A7B
EF8A8D
DFA7AA
E3C1C4
B7BEC1

Achromatopsia

A6A6A6
BCBCBC
CCCCCC
DBDBDB
CBCBCB

Shades & Tints Shades & Tints

#FF8373

Dark
Light

#F2B06D

Dark
Light

#E0D087

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8373;
  --color-2: #f2b06d;
  --color-3: #e0d087;
  --color-4: #e3e0aa;
  --color-5: #b5dea6;
}

SCSS

$color-1: #ff8373;
$color-2: #f2b06d;
$color-3: #e0d087;
$color-4: #e3e0aa;
$color-5: #b5dea6;

TAILWIND

colors: {
  'brand-1': '#ff8373',
  'brand-2': '#f2b06d',
  'brand-3': '#e0d087',
  'brand-4': '#e3e0aa',
  'brand-5': '#b5dea6',
}

RGB Array

[255, 131, 115], [242, 176, 109], [224, 208, 135], [227, 224, 170], [181, 222, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8373, #F2B06D, #E0D087, #E3E0AA, #B5DEA6 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: #ff8373; --color-2: #f2b06d; --color-3: #e0d087; --color-4: #e3e0aa; --color-5: #b5dea6. 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