← Back to Editor

#F07C65 · #F8B581 · #FFFFE3 · #A4D3C1 · #FCF475

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F07C65

Peach Pink · Salmon · Coral Red

HEX
#F07C65
RGB
rgb(240, 124, 101)
HSL
hsl(10, 82%, 67%)
HSB
hsb(10, 58%, 94%)
CMYK
cmyk(0%, 48%, 58%, 6%)
Oklch
oklch(71.3% 0.148 32.5)

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

#F8B581

Apricot · LightSalmon · Warm Sun

HEX
#F8B581
RGB
rgb(248, 181, 129)
HSL
hsl(26, 89%, 74%)
HSB
hsb(26, 48%, 97%)
CMYK
cmyk(0%, 27%, 48%, 3%)
Oklch
oklch(82.4% 0.103 58.5)

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

#FFFFE3

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFE3
RGB
rgb(255, 255, 227)
HSL
hsl(60, 100%, 95%)
HSB
hsb(60, 11%, 100%)
CMYK
cmyk(0%, 0%, 11%, 0%)
Oklch
oklch(99.3% 0.036 107.0)

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

#A4D3C1

Jade · Silver · Apple Green

HEX
#A4D3C1
RGB
rgb(164, 211, 193)
HSL
hsl(157, 35%, 74%)
HSB
hsb(157, 22%, 83%)
CMYK
cmyk(22%, 0%, 9%, 17%)
Oklch
oklch(82.9% 0.055 169.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FCF475

Fresh Green · Khaki · Sunflower

HEX
#FCF475
RGB
rgb(252, 244, 117)
HSL
hsl(56, 96%, 72%)
HSB
hsb(56, 54%, 99%)
CMYK
cmyk(0%, 3%, 54%, 1%)
Oklch
oklch(94.9% 0.148 105.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F07C65
66D9F0

Analogous

F06694
F07C65
F0C266

Triadic

F07C65
66F07D
7D66F0

Split-Comp.

F07C65
66F0C2
6694F0

Tetradic

F07C65
94F066
66D9F0
C266F0

Contrast Matrix WCAG 2.1 Contrast

F07C65
F8B581
FFFFE3
A4D3C1
FCF475
—
1.5
Fail
2.7
Fail
1.6
Fail
2.4
Fail
1.5
Fail
—
1.7
Fail
1.1
Fail
1.5
Fail
2.7
Fail
1.7
Fail
—
1.6
Fail
1.1
Fail
1.6
Fail
1.1
Fail
1.6
Fail
—
1.4
Fail
2.4
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
White BG
2.7Fail
1.8Fail
1.0Fail
1.7Fail
1.1Fail
Black BG
7.8AAA
11.9AAA
20.7AAA
12.7AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD6B
DBDA8E
FFFFEA
B8B9C5
F9F894

Deuteranopia

C5CD6C
DFE491
FFFFEB
B6B2C6
F9FA9B

Tritanopia

EA6F70
F5989A
FFEFF0
A6C9CA
FCACB1

Achromatopsia

9C9C9C
C3C3C3
FCFCFC
C3C3C3
E8E8E8

Shades & Tints Shades & Tints

#F07C65

Dark
Light

#F8B581

Dark
Light

#FFFFE3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f07c65;
  --color-2: #f8b581;
  --color-3: #ffffe3;
  --color-4: #a4d3c1;
  --color-5: #fcf475;
}

SCSS

$color-1: #f07c65;
$color-2: #f8b581;
$color-3: #ffffe3;
$color-4: #a4d3c1;
$color-5: #fcf475;

TAILWIND

colors: {
  'brand-1': '#f07c65',
  'brand-2': '#f8b581',
  'brand-3': '#ffffe3',
  'brand-4': '#a4d3c1',
  'brand-5': '#fcf475',
}

RGB Array

[240, 124, 101], [248, 181, 129], [255, 255, 227], [164, 211, 193], [252, 244, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F07C65, #F8B581, #FFFFE3, #A4D3C1, #FCF475 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: #f07c65; --color-2: #f8b581; --color-3: #ffffe3; --color-4: #a4d3c1; --color-5: #fcf475. 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