← Back to Editor

#FF7D7D · #FFAA80 · #FFD480 · #FFDF9E · #F0FFBF

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

#FF7D7D

Peach Pink · Salmon · Coral Red

HEX
#FF7D7D
RGB
rgb(255, 125, 125)
HSL
hsl(0, 100%, 75%)
HSB
hsb(0, 51%, 100%)
CMYK
cmyk(0%, 51%, 51%, 0%)
Oklch
oklch(74.0% 0.159 21.7)

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

#FFAA80

Apricot · LightSalmon · Warm Sun

HEX
#FFAA80
RGB
rgb(255, 170, 128)
HSL
hsl(20, 100%, 75%)
HSB
hsb(20, 50%, 100%)
CMYK
cmyk(0%, 33%, 50%, 0%)
Oklch
oklch(81.2% 0.115 46.9)

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

#FFD480

Goose Yellow · Khaki · Sunflower

HEX
#FFD480
RGB
rgb(255, 212, 128)
HSL
hsl(40, 100%, 75%)
HSB
hsb(40, 50%, 100%)
CMYK
cmyk(0%, 17%, 50%, 0%)
Oklch
oklch(88.9% 0.113 83.1)

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

#FFDF9E

Goose Yellow · Wheat · Lemon Cream

HEX
#FFDF9E
RGB
rgb(255, 223, 158)
HSL
hsl(40, 100%, 81%)
HSB
hsb(40, 38%, 100%)
CMYK
cmyk(0%, 13%, 38%, 0%)
Oklch
oklch(91.6% 0.089 84.5)

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

#F0FFBF

Willow Green · Beige · Mint Green

HEX
#F0FFBF
RGB
rgb(240, 255, 191)
HSL
hsl(74, 100%, 87%)
HSB
hsb(74, 25%, 100%)
CMYK
cmyk(6%, 0%, 25%, 0%)
Oklch
oklch(97.3% 0.084 118.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7D7D
80FFFF

Analogous

FF80BF
FF7D7D
FFBF80

Triadic

FF7D7D
80FF80
8080FF

Split-Comp.

FF7D7D
80FFBF
80BFFF

Tetradic

FF7D7D
BFFF80
80FFFF
BF80FF

Contrast Matrix WCAG 2.1 Contrast

FF7D7D
FFAA80
FFD480
FFDF9E
F0FFBF
—
1.3
Fail
1.8
Fail
1.9
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.7
Fail
1.8
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.3
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
White BG
2.5Fail
1.9Fail
1.4Fail
1.3Fail
1.1Fail
Black BG
8.5AAA
11.3AAA
15.0AAA
16.3AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C67D
DAD98A
ECEC94
F1F1AE
F6F7CE

Deuteranopia

CED87D
DFE68D
EFF299
F3F5B2
F6F5D2

Tritanopia

F97D7D
FB9294
FDA4A8
FDBABD
F1DBDD

Achromatopsia

A4A4A4
BFBFBF
D7D7D7
E1E1E1
F3F3F3

Shades & Tints Shades & Tints

#FF7D7D

Dark
Light

#FFAA80

Dark
Light

#FFD480

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7d7d;
  --color-2: #ffaa80;
  --color-3: #ffd480;
  --color-4: #ffdf9e;
  --color-5: #f0ffbf;
}

SCSS

$color-1: #ff7d7d;
$color-2: #ffaa80;
$color-3: #ffd480;
$color-4: #ffdf9e;
$color-5: #f0ffbf;

TAILWIND

colors: {
  'brand-1': '#ff7d7d',
  'brand-2': '#ffaa80',
  'brand-3': '#ffd480',
  'brand-4': '#ffdf9e',
  'brand-5': '#f0ffbf',
}

RGB Array

[255, 125, 125], [255, 170, 128], [255, 212, 128], [255, 223, 158], [240, 255, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7D7D, #FFAA80, #FFD480, #FFDF9E, #F0FFBF 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: #ff7d7d; --color-2: #ffaa80; --color-3: #ffd480; --color-4: #ffdf9e; --color-5: #f0ffbf. 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