← Back to Editor

#D1D18E · #F7F7BB · #FCC8B0 · #FDECD6 · #B2B471

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

#D1D18E

Fresh Green · BurlyWood · Sunflower

HEX
#D1D18E
RGB
rgb(209, 209, 142)
HSL
hsl(60, 42%, 69%)
HSB
hsb(60, 32%, 82%)
CMYK
cmyk(0%, 0%, 32%, 18%)
Oklch
oklch(84.5% 0.087 108.1)

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

#F7F7BB

Fresh Green · Bisque · Lemon Cream

HEX
#F7F7BB
RGB
rgb(247, 247, 187)
HSL
hsl(60, 79%, 85%)
HSB
hsb(60, 24%, 97%)
CMYK
cmyk(0%, 0%, 24%, 3%)
Oklch
oklch(96.2% 0.077 107.8)

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

#FCC8B0

Apricot · Wheat · Peach Orange

HEX
#FCC8B0
RGB
rgb(252, 200, 176)
HSL
hsl(19, 93%, 84%)
HSB
hsb(19, 30%, 99%)
CMYK
cmyk(0%, 21%, 30%, 1%)
Oklch
oklch(87.3% 0.068 46.0)

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

#FDECD6

Goose Yellow · Beige · Peach Orange

HEX
#FDECD6
RGB
rgb(253, 236, 214)
HSL
hsl(34, 91%, 92%)
HSB
hsb(34, 15%, 99%)
CMYK
cmyk(0%, 7%, 15%, 1%)
Oklch
oklch(95.1% 0.034 74.4)

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

#B2B471

Autumn Sage · Tan · Sunflower

HEX
#B2B471
RGB
rgb(178, 180, 113)
HSL
hsl(62, 31%, 57%)
HSB
hsb(62, 37%, 71%)
CMYK
cmyk(1%, 0%, 37%, 29%)
Oklch
oklch(75.3% 0.088 109.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D18E
8F8FD1

Analogous

D1B08F
D1D18E
B0D18F

Triadic

D1D18E
8FD1D1
D18FD1

Split-Comp.

D1D18E
8FB0D1
B08FD1

Tetradic

D1D18E
8FD1B0
8F8FD1
D18FB0

Contrast Matrix WCAG 2.1 Contrast

D1D18E
F7F7BB
FCC8B0
FDECD6
B2B471
—
1.4
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.4
Fail
—
1.4
Fail
1.0
Fail
2.0
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.0
Fail
1.3
Fail
—
1.9
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.9
Fail
—
White BG
1.6Fail
1.1Fail
1.5Fail
1.2Fail
2.2Fail
Black BG
13.2AAA
19.0AAA
14.0AAA
18.1AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D19E
F7F7CA
E5E5B6
F6F5DB
B3B381

Deuteranopia

D1D1A2
F7F7CD
E9ECB7
F7F8DD
B3B385

Tritanopia

D1ABAE
F7D5D8
F9BABB
FCE0E0
B28E91

Achromatopsia

C9C9C9
F0F0F0
D5D5D5
EFEFEF
ACACAC

Shades & Tints Shades & Tints

#D1D18E

Dark
Light

#F7F7BB

Dark
Light

#FCC8B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d18e;
  --color-2: #f7f7bb;
  --color-3: #fcc8b0;
  --color-4: #fdecd6;
  --color-5: #b2b471;
}

SCSS

$color-1: #d1d18e;
$color-2: #f7f7bb;
$color-3: #fcc8b0;
$color-4: #fdecd6;
$color-5: #b2b471;

TAILWIND

colors: {
  'brand-1': '#d1d18e',
  'brand-2': '#f7f7bb',
  'brand-3': '#fcc8b0',
  'brand-4': '#fdecd6',
  'brand-5': '#b2b471',
}

RGB Array

[209, 209, 142], [247, 247, 187], [252, 200, 176], [253, 236, 214], [178, 180, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D18E, #F7F7BB, #FCC8B0, #FDECD6, #B2B471 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: #d1d18e; --color-2: #f7f7bb; --color-3: #fcc8b0; --color-4: #fdecd6; --color-5: #b2b471. 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