← Back to Editor

#FDFFC7 · #C9E6BC · #D4CC9F · #DEA27A · #F05951

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

#FDFFC7

Fresh Green · Beige · Lemon Cream

HEX
#FDFFC7
RGB
rgb(253, 255, 199)
HSL
hsl(62, 100%, 89%)
HSB
hsb(62, 22%, 100%)
CMYK
cmyk(1%, 0%, 22%, 0%)
Oklch
oklch(98.5% 0.072 109.3)

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

#C9E6BC

Celadon · LightGray · Mint Green

HEX
#C9E6BC
RGB
rgb(201, 230, 188)
HSL
hsl(101, 46%, 82%)
HSB
hsb(101, 18%, 90%)
CMYK
cmyk(13%, 0%, 18%, 10%)
Oklch
oklch(89.3% 0.064 136.0)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#D4CC9F

Fresh Green · Tan · Sunflower

HEX
#D4CC9F
RGB
rgb(212, 204, 159)
HSL
hsl(51, 38%, 73%)
HSB
hsb(51, 25%, 83%)
CMYK
cmyk(0%, 4%, 25%, 17%)
Oklch
oklch(84.0% 0.060 99.1)

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

#DEA27A

Apricot · DarkSalmon · Warm Sun

HEX
#DEA27A
RGB
rgb(222, 162, 122)
HSL
hsl(24, 60%, 67%)
HSB
hsb(24, 45%, 87%)
CMYK
cmyk(0%, 27%, 45%, 13%)
Oklch
oklch(76.0% 0.090 54.6)

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

#F05951

Peach Pink · Tomato · Coral Red

HEX
#F05951
RGB
rgb(240, 89, 81)
HSL
hsl(3, 84%, 63%)
HSB
hsb(3, 66%, 94%)
CMYK
cmyk(0%, 63%, 66%, 6%)
Oklch
oklch(66.3% 0.188 26.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFFC7
C9C7FF

Analogous

FFE5C7
FDFFC7
E1FFC7

Triadic

FDFFC7
C7FDFF
FFC7FD

Split-Comp.

FDFFC7
C7E1FF
E5C7FF

Tetradic

FDFFC7
C7FFE5
C9C7FF
FFC7E1

Contrast Matrix WCAG 2.1 Contrast

FDFFC7
C9E6BC
D4CC9F
DEA27A
F05951
—
1.3
Fail
1.6
Fail
2.1
Fail
3.2
AA Large
1.3
Fail
—
1.2
Fail
1.6
Fail
2.5
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
2.1
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
3.2
AA Large
2.5
Fail
2.1
Fail
1.5
Fail
—
White BG
1.0Fail
1.4Fail
1.6Fail
2.2Fail
3.4AA Large
Black BG
20.3AAA
15.5AAA
12.9AAA
9.6AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED5
D6D6C6
D1D0AA
C4C384
AFAD53

Deuteranopia

FEFED8
D4D2C9
D1D2AD
C8CC86
B7C353

Tritanopia

FDDFE2
CACED0
D4B2B4
DB8B8D
E85455

Achromatopsia

F8F8F8
D9D9D9
C9C9C9
AFAFAF
858585

Shades & Tints Shades & Tints

#FDFFC7

Dark
Light

#C9E6BC

Dark
Light

#D4CC9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdffc7;
  --color-2: #c9e6bc;
  --color-3: #d4cc9f;
  --color-4: #dea27a;
  --color-5: #f05951;
}

SCSS

$color-1: #fdffc7;
$color-2: #c9e6bc;
$color-3: #d4cc9f;
$color-4: #dea27a;
$color-5: #f05951;

TAILWIND

colors: {
  'brand-1': '#fdffc7',
  'brand-2': '#c9e6bc',
  'brand-3': '#d4cc9f',
  'brand-4': '#dea27a',
  'brand-5': '#f05951',
}

RGB Array

[253, 255, 199], [201, 230, 188], [212, 204, 159], [222, 162, 122], [240, 89, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFFC7, #C9E6BC, #D4CC9F, #DEA27A, #F05951 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: #fdffc7; --color-2: #c9e6bc; --color-3: #d4cc9f; --color-4: #dea27a; --color-5: #f05951. 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