← Back to Editor

#FF931E · #933D49 · #FA5B14 · #FD987A · #C9C59E

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

#FF931E

Ginger · Orange · Warm Sun

HEX
#FF931E
RGB
rgb(255, 147, 30)
HSL
hsl(31, 100%, 56%)
HSB
hsb(31, 88%, 100%)
CMYK
cmyk(0%, 42%, 88%, 0%)
Oklch
oklch(76.3% 0.172 59.8)

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

#933D49

Crimson · Sienna · Passion Red

HEX
#933D49
RGB
rgb(147, 61, 73)
HSL
hsl(352, 41%, 41%)
HSB
hsb(352, 59%, 58%)
CMYK
cmyk(0%, 59%, 50%, 42%)
Oklch
oklch(47.9% 0.116 14.1)

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

#FA5B14

Tangerine · OrangeRed · Warm Sun

HEX
#FA5B14
RGB
rgb(250, 91, 20)
HSL
hsl(19, 96%, 53%)
HSB
hsb(19, 92%, 98%)
CMYK
cmyk(0%, 64%, 92%, 2%)
Oklch
oklch(67.5% 0.207 39.6)

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

#FD987A

Peach Pink · LightSalmon · Coral Red

HEX
#FD987A
RGB
rgb(253, 152, 122)
HSL
hsl(14, 97%, 74%)
HSB
hsb(14, 52%, 99%)
CMYK
cmyk(0%, 40%, 52%, 1%)
Oklch
oklch(77.8% 0.129 37.3)

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

#C9C59E

Fresh Green · Tan · Sunflower

HEX
#C9C59E
RGB
rgb(201, 197, 158)
HSL
hsl(54, 28%, 70%)
HSB
hsb(54, 21%, 79%)
CMYK
cmyk(0%, 2%, 21%, 21%)
Oklch
oklch(81.7% 0.053 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF931E
1F8BFF

Analogous

FF221F
FF931E
FBFF1F

Triadic

FF931E
1FFF93
931FFF

Split-Comp.

FF931E
1FFBFF
221FFF

Tetradic

FF931E
1FFF22
1F8BFF
FF1FFB

Contrast Matrix WCAG 2.1 Contrast

FF931E
933D49
FA5B14
FD987A
C9C59E
—
3.1
AA Large
1.4
Fail
1.1
Fail
1.3
Fail
3.1
AA Large
—
2.2
Fail
3.3
AA Large
4.0
AA Large
1.4
Fail
2.2
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
3.3
AA Large
1.5
Fail
—
1.2
Fail
1.3
Fail
4.0
AA Large
1.8
Fail
1.2
Fail
—
White BG
2.2Fail
7.0AA
3.2AA Large
2.1Fail
1.8Fail
Black BG
9.4AAA
3.0AA Large
6.6AA
9.9AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CF3A
6E6D46
B5B425
D1D081
C7C7A7

Deuteranopia

D7DF41
737945
BECA29
D7DF83
C8C8AA

Tritanopia

FA5156
8F4443
F23336
F88788
C9AFB1

Achromatopsia

A6A6A6
585858
828282
B3B3B3
C2C2C2

Shades & Tints Shades & Tints

#FF931E

Dark
Light

#933D49

Dark
Light

#FA5B14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff931e;
  --color-2: #933d49;
  --color-3: #fa5b14;
  --color-4: #fd987a;
  --color-5: #c9c59e;
}

SCSS

$color-1: #ff931e;
$color-2: #933d49;
$color-3: #fa5b14;
$color-4: #fd987a;
$color-5: #c9c59e;

TAILWIND

colors: {
  'brand-1': '#ff931e',
  'brand-2': '#933d49',
  'brand-3': '#fa5b14',
  'brand-4': '#fd987a',
  'brand-5': '#c9c59e',
}

RGB Array

[255, 147, 30], [147, 61, 73], [250, 91, 20], [253, 152, 122], [201, 197, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF931E, #933D49, #FA5B14, #FD987A, #C9C59E 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: #ff931e; --color-2: #933d49; --color-3: #fa5b14; --color-4: #fd987a; --color-5: #c9c59e. 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