← Back to Editor

#FAD6C0 · #FA9D64 · #FA3C24 · #FAA823 · #FACF89

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

#FAD6C0

Apricot · Bisque · Peach Orange

HEX
#FAD6C0
RGB
rgb(250, 214, 192)
HSL
hsl(23, 85%, 87%)
HSB
hsb(23, 23%, 98%)
CMYK
cmyk(0%, 14%, 23%, 2%)
Oklch
oklch(90.1% 0.050 53.3)

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

#FA9D64

Apricot · SandyBrown · Warm Sun

HEX
#FA9D64
RGB
rgb(250, 157, 100)
HSL
hsl(23, 94%, 69%)
HSB
hsb(23, 60%, 98%)
CMYK
cmyk(0%, 37%, 60%, 2%)
Oklch
oklch(77.9% 0.133 51.2)

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

#FA3C24

Vermilion · OrangeRed · Passion Red

HEX
#FA3C24
RGB
rgb(250, 60, 36)
HSL
hsl(7, 96%, 56%)
HSB
hsb(7, 86%, 98%)
CMYK
cmyk(0%, 76%, 86%, 2%)
Oklch
oklch(64.5% 0.228 30.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FAA823

Ginger · GoldenRod · Warm Sun

HEX
#FAA823
RGB
rgb(250, 168, 35)
HSL
hsl(37, 96%, 56%)
HSB
hsb(37, 86%, 98%)
CMYK
cmyk(0%, 33%, 86%, 2%)
Oklch
oklch(79.3% 0.162 72.2)

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

#FACF89

Goose Yellow · Khaki · Peach Orange

HEX
#FACF89
RGB
rgb(250, 207, 137)
HSL
hsl(37, 92%, 76%)
HSB
hsb(37, 45%, 98%)
CMYK
cmyk(0%, 17%, 45%, 2%)
Oklch
oklch(87.6% 0.100 79.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD6C0
C2E4FA

Analogous

FAC2C8
FAD6C0
FAF3C2

Triadic

FAD6C0
C2FAD7
D7C2FA

Split-Comp.

FAD6C0
C2FAF3
C2C8FA

Tetradic

FAD6C0
C8FAC2
C2E4FA
F3C2FA

Contrast Matrix WCAG 2.1 Contrast

FAD6C0
FA9D64
FA3C24
FAA823
FACF89
—
1.5
Fail
2.7
Fail
1.4
Fail
1.1
Fail
1.5
Fail
—
1.8
Fail
1.1
Fail
1.4
Fail
2.7
Fail
1.8
Fail
—
1.9
Fail
2.5
Fail
1.4
Fail
1.1
Fail
1.9
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
2.5
Fail
1.3
Fail
—
White BG
1.4Fail
2.1Fail
3.7AA Large
2.0Fail
1.5Fail
Black BG
15.4AAA
10.1AAA
5.7AA
10.7AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC5
D2D172
A8A62A
D6D643
E7E79A

Deuteranopia

EDEFC7
D7DE75
B3C12B
DBE14B
EAED9E

Tritanopia

F8CACA
F57D7F
F12E2F
F65D62
F8A7AA

Achromatopsia

DEDEDE
B2B2B2
727272
B1B1B1
D4D4D4

Shades & Tints Shades & Tints

#FAD6C0

Dark
Light

#FA9D64

Dark
Light

#FA3C24

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad6c0;
  --color-2: #fa9d64;
  --color-3: #fa3c24;
  --color-4: #faa823;
  --color-5: #facf89;
}

SCSS

$color-1: #fad6c0;
$color-2: #fa9d64;
$color-3: #fa3c24;
$color-4: #faa823;
$color-5: #facf89;

TAILWIND

colors: {
  'brand-1': '#fad6c0',
  'brand-2': '#fa9d64',
  'brand-3': '#fa3c24',
  'brand-4': '#faa823',
  'brand-5': '#facf89',
}

RGB Array

[250, 214, 192], [250, 157, 100], [250, 60, 36], [250, 168, 35], [250, 207, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD6C0, #FA9D64, #FA3C24, #FAA823, #FACF89 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: #fad6c0; --color-2: #fa9d64; --color-3: #fa3c24; --color-4: #faa823; --color-5: #facf89. 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