← Back to Editor

#FAD5C3 · #FFBDAD · #FEAC00 · #F97E05 · #F6004D

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

#FAD5C3

Apricot · Bisque · Peach Orange

HEX
#FAD5C3
RGB
rgb(250, 213, 195)
HSL
hsl(20, 85%, 87%)
HSB
hsb(20, 22%, 98%)
CMYK
cmyk(0%, 15%, 22%, 2%)
Oklch
oklch(90.0% 0.048 47.5)

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

#FFBDAD

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBDAD
RGB
rgb(255, 189, 173)
HSL
hsl(12, 100%, 84%)
HSB
hsb(12, 32%, 100%)
CMYK
cmyk(0%, 26%, 32%, 0%)
Oklch
oklch(85.5% 0.080 34.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FEAC00

Ochre · Orange · Honey Gold

HEX
#FEAC00
RGB
rgb(254, 172, 0)
HSL
hsl(41, 100%, 50%)
HSB
hsb(41, 100%, 100%)
CMYK
cmyk(0%, 32%, 100%, 0%)
Oklch
oklch(80.4% 0.170 74.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F97E05

Ochre · Orange · Amber Brown

HEX
#F97E05
RGB
rgb(249, 126, 5)
HSL
hsl(30, 96%, 50%)
HSB
hsb(30, 98%, 98%)
CMYK
cmyk(0%, 49%, 98%, 2%)
Oklch
oklch(72.1% 0.181 53.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F6004D

Dark Violet · Crimson · Camellia

HEX
#F6004D
RGB
rgb(246, 0, 77)
HSL
hsl(341, 100%, 48%)
HSB
hsb(341, 100%, 96%)
CMYK
cmyk(0%, 100%, 69%, 4%)
Oklch
oklch(61.7% 0.247 16.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD5C3
C2E7FA

Analogous

FAC2CB
FAD5C3
FAF1C2

Triadic

FAD5C3
C2FAD4
D4C2FA

Split-Comp.

FAD5C3
C2FAF1
C2CBFA

Tetradic

FAD5C3
CBFAC2
C2E7FA
F1C2FA

Contrast Matrix WCAG 2.1 Contrast

FAD5C3
FFBDAD
FEAC00
F97E05
F6004D
—
1.2
Fail
1.4
Fail
1.9
Fail
3.1
AA Large
1.2
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.9
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
3.1
AA Large
2.6
Fail
2.2
Fail
1.6
Fail
—
White BG
1.4Fail
1.6Fail
1.9Fail
2.6Fail
4.2AA Large
Black BG
15.4AAA
13.1AAA
11.1AAA
8.0AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEAC7
E2E2B1
DADA2A
C4C322
8B893A

Deuteranopia

ECEFC8
E6EBB2
DFE534
CBD429
9AAC36

Tritanopia

F8CBCC
FCB4B5
FA4A52
F3393E
EA2C28

Achromatopsia

DEDEDE
CFCFCF
B1B1B1
959595
525252

Shades & Tints Shades & Tints

#FAD5C3

Dark
Light

#FFBDAD

Dark
Light

#FEAC00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad5c3;
  --color-2: #ffbdad;
  --color-3: #feac00;
  --color-4: #f97e05;
  --color-5: #f6004d;
}

SCSS

$color-1: #fad5c3;
$color-2: #ffbdad;
$color-3: #feac00;
$color-4: #f97e05;
$color-5: #f6004d;

TAILWIND

colors: {
  'brand-1': '#fad5c3',
  'brand-2': '#ffbdad',
  'brand-3': '#feac00',
  'brand-4': '#f97e05',
  'brand-5': '#f6004d',
}

RGB Array

[250, 213, 195], [255, 189, 173], [254, 172, 0], [249, 126, 5], [246, 0, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD5C3, #FFBDAD, #FEAC00, #F97E05, #F6004D is ideal for: social media posters, mobile apps, e-commerce promos. 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: #fad5c3; --color-2: #ffbdad; --color-3: #feac00; --color-4: #f97e05; --color-5: #f6004d. 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. 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