← Back to Editor

#FDC65C · #EA996A · #EF5F7D · #D35551 · #A1423A

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

#FDC65C

Ginger · SandyBrown · Sunflower

HEX
#FDC65C
RGB
rgb(253, 198, 92)
HSL
hsl(40, 98%, 68%)
HSB
hsb(40, 64%, 99%)
CMYK
cmyk(0%, 22%, 64%, 1%)
Oklch
oklch(85.6% 0.137 81.4)

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

#EA996A

Apricot · DarkSalmon · Warm Sun

HEX
#EA996A
RGB
rgb(234, 153, 106)
HSL
hsl(22, 75%, 67%)
HSB
hsb(22, 55%, 92%)
CMYK
cmyk(0%, 35%, 55%, 8%)
Oklch
oklch(75.4% 0.116 50.4)

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

#EF5F7D

Peach Pink · LightCoral · Coral Red

HEX
#EF5F7D
RGB
rgb(239, 95, 125)
HSL
hsl(348, 82%, 65%)
HSB
hsb(348, 60%, 94%)
CMYK
cmyk(0%, 60%, 48%, 6%)
Oklch
oklch(67.7% 0.178 10.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D35551

Crimson · Tomato · Passion Red

HEX
#D35551
RGB
rgb(211, 85, 81)
HSL
hsl(2, 60%, 57%)
HSB
hsb(2, 62%, 83%)
CMYK
cmyk(0%, 60%, 62%, 17%)
Oklch
oklch(61.3% 0.160 24.8)

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

#A1423A

Crimson · Sienna · Passion Red

HEX
#A1423A
RGB
rgb(161, 66, 58)
HSL
hsl(5, 47%, 43%)
HSB
hsb(5, 64%, 63%)
CMYK
cmyk(0%, 59%, 64%, 37%)
Oklch
oklch(50.5% 0.128 27.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDC65C
5D93FD

Analogous

FD785D
FDC65C
E3FD5D

Triadic

FDC65C
5DFDC8
C85DFD

Split-Comp.

FDC65C
5DE3FD
785DFD

Tetradic

FDC65C
5DFD78
5D93FD
FD5DE3

Contrast Matrix WCAG 2.1 Contrast

FDC65C
EA996A
EF5F7D
D35551
A1423A
—
1.4
Fail
2.0
Fail
2.6
Fail
4.0
AA Large
1.4
Fail
—
1.4
Fail
1.8
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
2.0
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
4.0
AA Large
2.8
Fail
2.0
Fail
1.5
Fail
—
White BG
1.6Fail
2.3Fail
3.2AA Large
4.0AA Large
6.3AA
Black BG
13.4AAA
9.3AAA
6.6AA
5.2AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E576
C7C675
B1AF76
9C9B52
78773C

Deuteranopia

E8ED7C
CCD278
B9C474
A4AD52
7D853C

Tritanopia

FA8A8E
E67E80
E8706F
CD5353
9C3D3E

Achromatopsia

CACACA
ACACAC
8D8D8D
7A7A7A
5D5D5D

Shades & Tints Shades & Tints

#FDC65C

Dark
Light

#EA996A

Dark
Light

#EF5F7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdc65c;
  --color-2: #ea996a;
  --color-3: #ef5f7d;
  --color-4: #d35551;
  --color-5: #a1423a;
}

SCSS

$color-1: #fdc65c;
$color-2: #ea996a;
$color-3: #ef5f7d;
$color-4: #d35551;
$color-5: #a1423a;

TAILWIND

colors: {
  'brand-1': '#fdc65c',
  'brand-2': '#ea996a',
  'brand-3': '#ef5f7d',
  'brand-4': '#d35551',
  'brand-5': '#a1423a',
}

RGB Array

[253, 198, 92], [234, 153, 106], [239, 95, 125], [211, 85, 81], [161, 66, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #FDC65C, #EA996A, #EF5F7D, #D35551, #A1423A 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: #fdc65c; --color-2: #ea996a; --color-3: #ef5f7d; --color-4: #d35551; --color-5: #a1423a. 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