← Back to Editor

#F9D171 · #FF7888 · #D23EC6 · #908ACA · #D5C39F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F9D171

Goose Yellow · Khaki · Sunflower

HEX
#F9D171
RGB
rgb(249, 209, 113)
HSL
hsl(42, 92%, 71%)
HSB
hsb(42, 55%, 98%)
CMYK
cmyk(0%, 16%, 55%, 2%)
Oklch
oklch(87.6% 0.123 87.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FF7888

Peach Pink · LightCoral · Coral Red

HEX
#FF7888
RGB
rgb(255, 120, 136)
HSL
hsl(353, 100%, 74%)
HSB
hsb(353, 53%, 100%)
CMYK
cmyk(0%, 53%, 47%, 0%)
Oklch
oklch(73.5% 0.165 14.7)

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

#D23EC6

Rose Purple · MediumOrchid · Violet

HEX
#D23EC6
RGB
rgb(210, 62, 198)
HSL
hsl(305, 62%, 53%)
HSB
hsb(305, 70%, 82%)
CMYK
cmyk(0%, 70%, 6%, 18%)
Oklch
oklch(62.7% 0.233 331.5)

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

#908ACA

Wisteria · DarkGray · Cobalt Blue

HEX
#908ACA
RGB
rgb(144, 138, 202)
HSL
hsl(246, 38%, 67%)
HSB
hsb(246, 32%, 79%)
CMYK
cmyk(29%, 32%, 0%, 21%)
Oklch
oklch(66.3% 0.094 287.8)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#D5C39F

Goose Yellow · Tan · Sunflower

HEX
#D5C39F
RGB
rgb(213, 195, 159)
HSL
hsl(40, 39%, 73%)
HSB
hsb(40, 25%, 84%)
CMYK
cmyk(0%, 8%, 25%, 16%)
Oklch
oklch(82.3% 0.052 84.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9D171
719AF9

Analogous

F98C71
F9D171
DEF971

Triadic

F9D171
71F9D0
D071F9

Split-Comp.

F9D171
71DEF9
8C71F9

Tetradic

F9D171
71F98C
719AF9
F971DE

Contrast Matrix WCAG 2.1 Contrast

F9D171
FF7888
D23EC6
908ACA
D5C39F
—
1.7
Fail
2.7
Fail
2.2
Fail
1.2
Fail
1.7
Fail
—
1.6
Fail
1.2
Fail
1.5
Fail
2.7
Fail
1.6
Fail
—
1.3
Fail
2.3
Fail
2.2
Fail
1.2
Fail
1.3
Fail
—
1.8
Fail
1.2
Fail
1.5
Fail
2.3
Fail
1.8
Fail
—
White BG
1.5Fail
2.5Fail
4.0AA Large
3.1AA Large
1.7Fail
Black BG
14.4AAA
8.3AAA
5.2AA
6.7AA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E788
C5C384
9291A5
8D8DBB
CDCDA8

Deuteranopia

EAED8E
CCD783
9BA69D
8E8EB7
CED0AA

Tritanopia

F79B9F
F88180
CB8B85
90AEAC
D4AFB0

Achromatopsia

D2D2D2
A2A2A2
7A7A7A
939393
C4C4C4

Shades & Tints Shades & Tints

#F9D171

Dark
Light

#FF7888

Dark
Light

#D23EC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9d171;
  --color-2: #ff7888;
  --color-3: #d23ec6;
  --color-4: #908aca;
  --color-5: #d5c39f;
}

SCSS

$color-1: #f9d171;
$color-2: #ff7888;
$color-3: #d23ec6;
$color-4: #908aca;
$color-5: #d5c39f;

TAILWIND

colors: {
  'brand-1': '#f9d171',
  'brand-2': '#ff7888',
  'brand-3': '#d23ec6',
  'brand-4': '#908aca',
  'brand-5': '#d5c39f',
}

RGB Array

[249, 209, 113], [255, 120, 136], [210, 62, 198], [144, 138, 202], [213, 195, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9D171, #FF7888, #D23EC6, #908ACA, #D5C39F 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: #f9d171; --color-2: #ff7888; --color-3: #d23ec6; --color-4: #908aca; --color-5: #d5c39f. 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