← Back to Editor

#F66594 · #FF9D7B · #FFC28B · #EEF6B4 · #F6F6DE

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

#F66594

Rouge · LightCoral · Rose Pink

HEX
#F66594
RGB
rgb(246, 101, 148)
HSL
hsl(341, 89%, 68%)
HSB
hsb(341, 59%, 96%)
CMYK
cmyk(0%, 59%, 40%, 4%)
Oklch
oklch(70.1% 0.182 2.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF9D7B

Apricot · LightSalmon · Warm Sun

HEX
#FF9D7B
RGB
rgb(255, 157, 123)
HSL
hsl(15, 100%, 74%)
HSB
hsb(15, 52%, 100%)
CMYK
cmyk(0%, 38%, 52%, 0%)
Oklch
oklch(78.9% 0.127 39.8)

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

#FFC28B

Apricot · BurlyWood · Peach Orange

HEX
#FFC28B
RGB
rgb(255, 194, 139)
HSL
hsl(28, 100%, 77%)
HSB
hsb(28, 45%, 100%)
CMYK
cmyk(0%, 24%, 45%, 0%)
Oklch
oklch(85.7% 0.099 62.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EEF6B4

Fresh Green · Wheat · Lemon Cream

HEX
#EEF6B4
RGB
rgb(238, 246, 180)
HSL
hsl(67, 79%, 84%)
HSB
hsb(67, 27%, 96%)
CMYK
cmyk(3%, 0%, 27%, 4%)
Oklch
oklch(95.1% 0.085 113.6)

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

#F6F6DE

Fresh Green · Beige · Lemon Cream

HEX
#F6F6DE
RGB
rgb(246, 246, 222)
HSL
hsl(60, 57%, 92%)
HSB
hsb(60, 10%, 96%)
CMYK
cmyk(0%, 0%, 10%, 4%)
Oklch
oklch(96.7% 0.031 107.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F66594
65F6C8

Analogous

F665DB
F66594
F67F65

Triadic

F66594
93F665
6593F6

Split-Comp.

F66594
65F67F
65DBF6

Tetradic

F66594
DBF665
65F6C8
7F65F6

Contrast Matrix WCAG 2.1 Contrast

F66594
FF9D7B
FFC28B
EEF6B4
F6F6DE
—
1.4
Fail
1.9
Fail
2.6
Fail
2.7
Fail
1.4
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
1.4
Fail
2.6
Fail
1.8
Fail
1.4
Fail
—
1.0
Fail
2.7
Fail
1.8
Fail
1.4
Fail
1.0
Fail
—
White BG
2.9Fail
2.0Fail
1.6Fail
1.1Fail
1.1Fail
Black BG
7.2AAA
10.4AAA
13.3AAA
18.5AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B689
D5D483
E5E498
F1F2C4
F6F6E4

Deuteranopia

C0CB86
DAE285
E8ED9C
F1F0C8
F6F6E5

Tritanopia

EF807E
FA8A8B
FCA3A5
EED1D3
F6E8E9

Achromatopsia

969696
B6B6B6
CECECE
ECECEC
F3F3F3

Shades & Tints Shades & Tints

#F66594

Dark
Light

#FF9D7B

Dark
Light

#FFC28B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f66594;
  --color-2: #ff9d7b;
  --color-3: #ffc28b;
  --color-4: #eef6b4;
  --color-5: #f6f6de;
}

SCSS

$color-1: #f66594;
$color-2: #ff9d7b;
$color-3: #ffc28b;
$color-4: #eef6b4;
$color-5: #f6f6de;

TAILWIND

colors: {
  'brand-1': '#f66594',
  'brand-2': '#ff9d7b',
  'brand-3': '#ffc28b',
  'brand-4': '#eef6b4',
  'brand-5': '#f6f6de',
}

RGB Array

[246, 101, 148], [255, 157, 123], [255, 194, 139], [238, 246, 180], [246, 246, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #F66594, #FF9D7B, #FFC28B, #EEF6B4, #F6F6DE 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: #f66594; --color-2: #ff9d7b; --color-3: #ffc28b; --color-4: #eef6b4; --color-5: #f6f6de. 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