← Back to Editor

#F9D66E · #FAD89B · #FFB791 · #DE5A71 · #DD6372

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

#F9D66E

Ginger · Khaki · Sunflower

HEX
#F9D66E
RGB
rgb(249, 214, 110)
HSL
hsl(45, 92%, 70%)
HSB
hsb(45, 56%, 98%)
CMYK
cmyk(0%, 14%, 56%, 2%)
Oklch
oklch(88.5% 0.129 91.0)

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

#FAD89B

Goose Yellow · Khaki · Peach Orange

HEX
#FAD89B
RGB
rgb(250, 216, 155)
HSL
hsl(39, 90%, 79%)
HSB
hsb(39, 38%, 98%)
CMYK
cmyk(0%, 14%, 38%, 2%)
Oklch
oklch(89.7% 0.086 81.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFB791

Apricot · LightSalmon · Peach Orange

HEX
#FFB791
RGB
rgb(255, 183, 145)
HSL
hsl(21, 100%, 78%)
HSB
hsb(21, 43%, 100%)
CMYK
cmyk(0%, 28%, 43%, 0%)
Oklch
oklch(83.8% 0.098 48.8)

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

#DE5A71

Peach Pink · LightCoral · Coral Red

HEX
#DE5A71
RGB
rgb(222, 90, 113)
HSL
hsl(350, 67%, 61%)
HSB
hsb(350, 59%, 87%)
CMYK
cmyk(0%, 59%, 49%, 13%)
Oklch
oklch(64.3% 0.165 12.4)

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

#DD6372

Peach Pink · LightCoral · Coral Red

HEX
#DD6372
RGB
rgb(221, 99, 114)
HSL
hsl(353, 64%, 63%)
HSB
hsb(353, 55%, 87%)
CMYK
cmyk(0%, 55%, 48%, 13%)
Oklch
oklch(65.3% 0.153 14.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9D66E
6C8FF9

Analogous

F98F6C
F9D66E
D6F96C

Triadic

F9D66E
6CF9D6
D66CF9

Split-Comp.

F9D66E
6CD6F9
8F6CF9

Tetradic

F9D66E
6CF98F
6C8FF9
F96CD6

Contrast Matrix WCAG 2.1 Contrast

F9D66E
FAD89B
FFB791
DE5A71
DD6372
—
1.0
Fail
1.2
Fail
2.6
Fail
2.4
Fail
1.0
Fail
—
1.2
Fail
2.6
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
2.1
Fail
2.0
Fail
2.6
Fail
2.6
Fail
2.1
Fail
—
1.1
Fail
2.4
Fail
2.5
Fail
2.0
Fail
1.1
Fail
—
White BG
1.4Fail
1.4Fail
1.7Fail
3.6AA Large
3.4AA Large
Black BG
14.9AAA
15.4AAA
12.4AAA
5.8AA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEA87
EBEBAA
E0DF9A
A5A46B
A8A76E

Deuteranopia

ECEF8D
EDF0AD
E4E99C
ADB66A
AFB86E

Tritanopia

F79B9F
F8B5B8
FBA1A3
D76766
D76C6B

Achromatopsia

D5D5D5
DBDBDB
C8C8C8
848484
898989

Shades & Tints Shades & Tints

#F9D66E

Dark
Light

#FAD89B

Dark
Light

#FFB791

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9d66e;
  --color-2: #fad89b;
  --color-3: #ffb791;
  --color-4: #de5a71;
  --color-5: #dd6372;
}

SCSS

$color-1: #f9d66e;
$color-2: #fad89b;
$color-3: #ffb791;
$color-4: #de5a71;
$color-5: #dd6372;

TAILWIND

colors: {
  'brand-1': '#f9d66e',
  'brand-2': '#fad89b',
  'brand-3': '#ffb791',
  'brand-4': '#de5a71',
  'brand-5': '#dd6372',
}

RGB Array

[249, 214, 110], [250, 216, 155], [255, 183, 145], [222, 90, 113], [221, 99, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9D66E, #FAD89B, #FFB791, #DE5A71, #DD6372 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: #f9d66e; --color-2: #fad89b; --color-3: #ffb791; --color-4: #de5a71; --color-5: #dd6372. 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 general-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