← Back to Editor

#F1EA9B · #F2BA49 · #E87646 · #D6456E · #A61B69

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

#F1EA9B

Fresh Green · Khaki · Lemon Cream

HEX
#F1EA9B
RGB
rgb(241, 234, 155)
HSL
hsl(55, 75%, 78%)
HSB
hsb(55, 36%, 95%)
CMYK
cmyk(0%, 3%, 36%, 5%)
Oklch
oklch(92.5% 0.100 103.8)

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

#F2BA49

Ginger · SandyBrown · Sunflower

HEX
#F2BA49
RGB
rgb(242, 186, 73)
HSL
hsl(40, 87%, 62%)
HSB
hsb(40, 70%, 95%)
CMYK
cmyk(0%, 23%, 70%, 5%)
Oklch
oklch(82.0% 0.142 81.7)

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

#E87646

Tangerine · Coral · Warm Sun

HEX
#E87646
RGB
rgb(232, 118, 70)
HSL
hsl(18, 78%, 59%)
HSB
hsb(18, 70%, 91%)
CMYK
cmyk(0%, 49%, 70%, 9%)
Oklch
oklch(68.9% 0.155 42.4)

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

#D6456E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D6456E
RGB
rgb(214, 69, 110)
HSL
hsl(343, 64%, 55%)
HSB
hsb(343, 68%, 84%)
CMYK
cmyk(0%, 68%, 49%, 16%)
Oklch
oklch(60.5% 0.182 7.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A61B69

Rose Purple · MediumVioletRed · Camellia

HEX
#A61B69
RGB
rgb(166, 27, 105)
HSL
hsl(326, 72%, 38%)
HSB
hsb(326, 84%, 65%)
CMYK
cmyk(0%, 84%, 37%, 35%)
Oklch
oklch(48.7% 0.184 352.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EA9B
9DA4F1

Analogous

F1C09D
F1EA9B
CEF19D

Triadic

F1EA9B
9DF1EA
EA9DF1

Split-Comp.

F1EA9B
9DCEF1
C09DF1

Tetradic

F1EA9B
9DF1C0
9DA4F1
F19DCE

Contrast Matrix WCAG 2.1 Contrast

F1EA9B
F2BA49
E87646
D6456E
A61B69
—
1.4
Fail
2.4
Fail
3.4
AA Large
5.7
AA
1.4
Fail
—
1.7
Fail
2.4
Fail
4.0
AA Large
2.4
Fail
1.7
Fail
—
1.4
Fail
2.4
Fail
3.4
AA Large
2.4
Fail
1.4
Fail
—
1.7
Fail
5.7
AA
4.0
AA Large
2.4
Fail
1.7
Fail
—
White BG
1.2Fail
1.8Fail
3.0Fail
4.3AA Large
7.0AAA
Black BG
17.0AAA
11.9AAA
7.1AAA
4.9AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEAE
DAD964
B7B652
979664
6A6956

Deuteranopia

EEEFB3
DDE16B
BDC654
A0AA62
727C52

Tritanopia

F1BDC1
EF7A7F
E25B5D
CF5C5B
9F4744

Achromatopsia

E3E3E3
BEBEBE
939393
757575
4D4D4D

Shades & Tints Shades & Tints

#F1EA9B

Dark
Light

#F2BA49

Dark
Light

#E87646

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1ea9b;
  --color-2: #f2ba49;
  --color-3: #e87646;
  --color-4: #d6456e;
  --color-5: #a61b69;
}

SCSS

$color-1: #f1ea9b;
$color-2: #f2ba49;
$color-3: #e87646;
$color-4: #d6456e;
$color-5: #a61b69;

TAILWIND

colors: {
  'brand-1': '#f1ea9b',
  'brand-2': '#f2ba49',
  'brand-3': '#e87646',
  'brand-4': '#d6456e',
  'brand-5': '#a61b69',
}

RGB Array

[241, 234, 155], [242, 186, 73], [232, 118, 70], [214, 69, 110], [166, 27, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F1EA9B, #F2BA49, #E87646, #D6456E, #A61B69 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: #f1ea9b; --color-2: #f2ba49; --color-3: #e87646; --color-4: #d6456e; --color-5: #a61b69. 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