← Back to Editor

#FFD582 · #FFF9DD · #F9E8D7 · #D4D0CA · #BFB3CA

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

#FFD582

Goose Yellow · Khaki · Sunflower

HEX
#FFD582
RGB
rgb(255, 213, 130)
HSL
hsl(40, 100%, 75%)
HSB
hsb(40, 49%, 100%)
CMYK
cmyk(0%, 16%, 49%, 0%)
Oklch
oklch(89.2% 0.112 83.4)

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

#FFF9DD

Goose Yellow · LightYellow · Lemon Cream

HEX
#FFF9DD
RGB
rgb(255, 249, 221)
HSL
hsl(49, 100%, 93%)
HSB
hsb(49, 13%, 100%)
CMYK
cmyk(0%, 2%, 13%, 0%)
Oklch
oklch(97.9% 0.037 97.1)

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

#F9E8D7

Goose Yellow · Beige · Peach Orange

HEX
#F9E8D7
RGB
rgb(249, 232, 215)
HSL
hsl(30, 74%, 91%)
HSB
hsb(30, 14%, 98%)
CMYK
cmyk(0%, 7%, 14%, 2%)
Oklch
oklch(94.0% 0.029 67.5)

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

#D4D0CA

Goose Yellow · LightGray · Peach Orange

HEX
#D4D0CA
RGB
rgb(212, 208, 202)
HSL
hsl(36, 10%, 81%)
HSB
hsb(36, 5%, 83%)
CMYK
cmyk(0%, 2%, 5%, 17%)
Oklch
oklch(85.9% 0.009 78.3)

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

#BFB3CA

Lilac · Silver · Lilac Purple

HEX
#BFB3CA
RGB
rgb(191, 179, 202)
HSL
hsl(271, 18%, 75%)
HSB
hsb(271, 11%, 79%)
CMYK
cmyk(5%, 11%, 0%, 21%)
Oklch
oklch(78.4% 0.035 308.9)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD582
80AAFF

Analogous

FF9580
FFD582
EAFF80

Triadic

FFD582
80FFD4
D580FF

Split-Comp.

FFD582
80EAFF
9580FF

Tetradic

FFD582
80FF95
80AAFF
FF80EA

Contrast Matrix WCAG 2.1 Contrast

FFD582
FFF9DD
F9E8D7
D4D0CA
BFB3CA
—
1.3
Fail
1.2
Fail
1.1
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.5
Fail
1.9
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.1
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
White BG
1.4Fail
1.1Fail
1.2Fail
1.5Fail
2.0Fail
Black BG
15.1AAA
19.8AAA
17.6AAA
13.7AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEC96
FCFCE4
F2F1DB
D2D2CB
BABAC4

Deuteranopia

EFF29B
FDFDE5
F3F4DC
D3D3CC
BBBBC3

Tritanopia

FDA6A9
FFE9EA
F8DEDF
D4CDCD
BEC0BF

Achromatopsia

D8D8D8
F8F8F8
EBEBEB
D1D1D1
B9B9B9

Shades & Tints Shades & Tints

#FFD582

Dark
Light

#FFF9DD

Dark
Light

#F9E8D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd582;
  --color-2: #fff9dd;
  --color-3: #f9e8d7;
  --color-4: #d4d0ca;
  --color-5: #bfb3ca;
}

SCSS

$color-1: #ffd582;
$color-2: #fff9dd;
$color-3: #f9e8d7;
$color-4: #d4d0ca;
$color-5: #bfb3ca;

TAILWIND

colors: {
  'brand-1': '#ffd582',
  'brand-2': '#fff9dd',
  'brand-3': '#f9e8d7',
  'brand-4': '#d4d0ca',
  'brand-5': '#bfb3ca',
}

RGB Array

[255, 213, 130], [255, 249, 221], [249, 232, 215], [212, 208, 202], [191, 179, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD582, #FFF9DD, #F9E8D7, #D4D0CA, #BFB3CA 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: #ffd582; --color-2: #fff9dd; --color-3: #f9e8d7; --color-4: #d4d0ca; --color-5: #bfb3ca. 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