← Back to Editor

#FAD36E · #FCAB54 · #EB6949 · #DF4343 · #961137

warm

A 5-color warm 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

#FAD36E

Goose Yellow · Khaki · Sunflower

HEX
#FAD36E
RGB
rgb(250, 211, 110)
HSL
hsl(43, 93%, 71%)
HSB
hsb(43, 56%, 98%)
CMYK
cmyk(0%, 16%, 56%, 2%)
Oklch
oklch(88.0% 0.128 88.5)

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

#FCAB54

Ginger · SandyBrown · Warm Sun

HEX
#FCAB54
RGB
rgb(252, 171, 84)
HSL
hsl(31, 97%, 66%)
HSB
hsb(31, 67%, 99%)
CMYK
cmyk(0%, 32%, 67%, 1%)
Oklch
oklch(80.4% 0.139 65.3)

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

#EB6949

Vermilion · Tomato · Passion Red

HEX
#EB6949
RGB
rgb(235, 105, 73)
HSL
hsl(12, 80%, 60%)
HSB
hsb(12, 69%, 92%)
CMYK
cmyk(0%, 55%, 69%, 8%)
Oklch
oklch(67.4% 0.168 35.0)

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

#DF4343

Vermilion · Tomato · Passion Red

HEX
#DF4343
RGB
rgb(223, 67, 67)
HSL
hsl(0, 71%, 57%)
HSB
hsb(0, 70%, 87%)
CMYK
cmyk(0%, 70%, 70%, 13%)
Oklch
oklch(60.9% 0.193 25.0)

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

#961137

Dark Violet · Brown · Camellia

HEX
#961137
RGB
rgb(150, 17, 55)
HSL
hsl(343, 80%, 33%)
HSB
hsb(343, 89%, 59%)
CMYK
cmyk(0%, 89%, 63%, 41%)
Oklch
oklch(43.6% 0.164 12.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD36E
7097FA

Analogous

FA8E70
FAD36E
DCFA70

Triadic

FAD36E
70FAD3
D370FA

Split-Comp.

FAD36E
70DCFA
8E70FA

Tetradic

FAD36E
70FA8E
7097FA
FA70DC

Contrast Matrix WCAG 2.1 Contrast

FAD36E
FCAB54
EB6949
DF4343
961137
—
1.3
Fail
2.2
Fail
2.9
Fail
6.0
AA
1.3
Fail
—
1.7
Fail
2.2
Fail
4.6
AA
2.2
Fail
1.7
Fail
—
1.3
Fail
2.7
Fail
2.9
Fail
2.2
Fail
1.3
Fail
—
2.1
Fail
6.0
AA
4.6
AA
2.7
Fail
2.1
Fail
—
White BG
1.4Fail
1.9Fail
3.2AA Large
4.2AA Large
8.6AAA
Black BG
14.6AAA
11.1AAA
6.6AA
5.0AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E986
D9D869
B3B251
9B9A43
5C5B2E

Deuteranopia

EBEE8C
DEE46E
BAC453
A5B043
646E2C

Tritanopia

F89A9E
F87A7D
E55758
D74343
8F2725

Achromatopsia

D3D3D3
B9B9B9
8C8C8C
727272
3D3D3D

Shades & Tints Shades & Tints

#FAD36E

Dark
Light

#FCAB54

Dark
Light

#EB6949

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad36e;
  --color-2: #fcab54;
  --color-3: #eb6949;
  --color-4: #df4343;
  --color-5: #961137;
}

SCSS

$color-1: #fad36e;
$color-2: #fcab54;
$color-3: #eb6949;
$color-4: #df4343;
$color-5: #961137;

TAILWIND

colors: {
  'brand-1': '#fad36e',
  'brand-2': '#fcab54',
  'brand-3': '#eb6949',
  'brand-4': '#df4343',
  'brand-5': '#961137',
}

RGB Array

[250, 211, 110], [252, 171, 84], [235, 105, 73], [223, 67, 67], [150, 17, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FAD36E, #FCAB54, #EB6949, #DF4343, #961137 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: #fad36e; --color-2: #fcab54; --color-3: #eb6949; --color-4: #df4343; --color-5: #961137. 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 warm-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