← Back to Editor

#FEC262 · #EB4144 · #FDF6AE · #F2722B · #EFD064

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

#FEC262

Ginger · SandyBrown · Warm Sun

HEX
#FEC262
RGB
rgb(254, 194, 98)
HSL
hsl(37, 99%, 69%)
HSB
hsb(37, 61%, 100%)
CMYK
cmyk(0%, 24%, 61%, 0%)
Oklch
oklch(85.0% 0.132 77.1)

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

#EB4144

Vermilion · Tomato · Passion Red

HEX
#EB4144
RGB
rgb(235, 65, 68)
HSL
hsl(359, 81%, 59%)
HSB
hsb(359, 72%, 92%)
CMYK
cmyk(0%, 72%, 71%, 8%)
Oklch
oklch(62.7% 0.207 24.6)

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

#FDF6AE

Fresh Green · Wheat · Lemon Cream

HEX
#FDF6AE
RGB
rgb(253, 246, 174)
HSL
hsl(55, 95%, 84%)
HSB
hsb(55, 31%, 99%)
CMYK
cmyk(0%, 3%, 31%, 1%)
Oklch
oklch(96.2% 0.091 103.3)

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

#F2722B

Tangerine · Tomato · Warm Sun

HEX
#F2722B
RGB
rgb(242, 114, 43)
HSL
hsl(21, 88%, 56%)
HSB
hsb(21, 82%, 95%)
CMYK
cmyk(0%, 53%, 82%, 5%)
Oklch
oklch(69.4% 0.176 45.6)

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

#EFD064

Ginger · SandyBrown · Sunflower

HEX
#EFD064
RGB
rgb(239, 208, 100)
HSL
hsl(47, 81%, 66%)
HSB
hsb(47, 58%, 94%)
CMYK
cmyk(0%, 13%, 58%, 6%)
Oklch
oklch(86.3% 0.132 93.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEC262
629EFE

Analogous

FE7462
FEC262
ECFE62

Triadic

FEC262
62FEC2
C262FE

Split-Comp.

FEC262
62ECFE
7462FE

Tetradic

FEC262
62FE74
629EFE
FE62EC

Contrast Matrix WCAG 2.1 Contrast

FEC262
EB4144
FDF6AE
F2722B
EFD064
—
2.4
Fail
1.4
Fail
1.8
Fail
1.1
Fail
2.4
Fail
—
3.5
AA Large
1.3
Fail
2.6
Fail
1.4
Fail
3.5
AA Large
—
2.6
Fail
1.4
Fail
1.8
Fail
1.3
Fail
2.6
Fail
—
1.9
Fail
1.1
Fail
2.6
Fail
1.4
Fail
1.9
Fail
—
White BG
1.6Fail
3.9AA Large
1.1Fail
2.9Fail
1.5Fail
Black BG
13.1AAA
5.4AA
19.0AAA
7.2AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E379
A1A043
FAFABF
BBB93C
E2E17E

Deuteranopia

E8EC7F
ABB843
FAFBC4
C2CC40
E3E684

Tritanopia

FB8C90
E34343
FDCDD0
EC4A4D
ED9397

Achromatopsia

C9C9C9
747474
F0F0F0
909090
CDCDCD

Shades & Tints Shades & Tints

#FEC262

Dark
Light

#EB4144

Dark
Light

#FDF6AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fec262;
  --color-2: #eb4144;
  --color-3: #fdf6ae;
  --color-4: #f2722b;
  --color-5: #efd064;
}

SCSS

$color-1: #fec262;
$color-2: #eb4144;
$color-3: #fdf6ae;
$color-4: #f2722b;
$color-5: #efd064;

TAILWIND

colors: {
  'brand-1': '#fec262',
  'brand-2': '#eb4144',
  'brand-3': '#fdf6ae',
  'brand-4': '#f2722b',
  'brand-5': '#efd064',
}

RGB Array

[254, 194, 98], [235, 65, 68], [253, 246, 174], [242, 114, 43], [239, 208, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FEC262, #EB4144, #FDF6AE, #F2722B, #EFD064 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: #fec262; --color-2: #eb4144; --color-3: #fdf6ae; --color-4: #f2722b; --color-5: #efd064. 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 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