← Back to Editor

#FFDF9C · #FDFFC9 · #FEFFEB · #C9FBFF · #8BBFC4

cool

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

#FFDF9C

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDF9C
RGB
rgb(255, 223, 156)
HSL
hsl(41, 100%, 81%)
HSB
hsb(41, 39%, 100%)
CMYK
cmyk(0%, 13%, 39%, 0%)
Oklch
oklch(91.5% 0.092 85.1)

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

#FDFFC9

Fresh Green · Beige · Lemon Cream

HEX
#FDFFC9
RGB
rgb(253, 255, 201)
HSL
hsl(62, 100%, 89%)
HSB
hsb(62, 21%, 100%)
CMYK
cmyk(1%, 0%, 21%, 0%)
Oklch
oklch(98.5% 0.069 109.4)

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

#FEFFEB

Fresh Green · SeaShell · Lemon Cream

HEX
#FEFFEB
RGB
rgb(254, 255, 235)
HSL
hsl(63, 100%, 96%)
HSB
hsb(63, 8%, 100%)
CMYK
cmyk(0%, 0%, 8%, 0%)
Oklch
oklch(99.4% 0.026 109.2)

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

#C9FBFF

Sky Blue · Lavender · Glacier Blue

HEX
#C9FBFF
RGB
rgb(201, 251, 255)
HSL
hsl(184, 100%, 89%)
HSB
hsb(184, 21%, 100%)
CMYK
cmyk(21%, 2%, 0%, 0%)
Oklch
oklch(95.5% 0.051 202.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#8BBFC4

Sky Blue · SkyBlue · Lake Green

HEX
#8BBFC4
RGB
rgb(139, 191, 196)
HSL
hsl(185, 33%, 66%)
HSB
hsb(185, 29%, 77%)
CMYK
cmyk(29%, 3%, 0%, 23%)
Oklch
oklch(77.0% 0.055 203.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDF9C
9EBDFF

Analogous

FFB09E
FFDF9C
EDFF9E

Triadic

FFDF9C
9EFFE0
E09EFF

Split-Comp.

FFDF9C
9EEDFF
B09EFF

Tetradic

FFDF9C
9EFFB0
9EBDFF
FF9EED

Contrast Matrix WCAG 2.1 Contrast

FFDF9C
FDFFC9
FEFFEB
C9FBFF
8BBFC4
—
1.2
Fail
1.3
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
2.0
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
2.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.8
Fail
1.6
Fail
2.0
Fail
2.0
Fail
1.8
Fail
—
White BG
1.3Fail
1.0Fail
1.0Fail
1.1Fail
2.0Fail
Black BG
16.3AAA
20.3AAA
20.7AAA
18.7AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1AC
FEFED6
FEFEF0
DFDFFE
A2A2C3

Deuteranopia

F3F5B0
FEFED9
FEFEF1
DCD8FE
9F9BC3

Tritanopia

FDB9BC
FDE0E3
FEF4F5
CCFDFD
8EC2C2

Achromatopsia

E1E1E1
F8F8F8
FCFCFC
EDEDED
B0B0B0

Shades & Tints Shades & Tints

#FFDF9C

Dark
Light

#FDFFC9

Dark
Light

#FEFFEB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdf9c;
  --color-2: #fdffc9;
  --color-3: #feffeb;
  --color-4: #c9fbff;
  --color-5: #8bbfc4;
}

SCSS

$color-1: #ffdf9c;
$color-2: #fdffc9;
$color-3: #feffeb;
$color-4: #c9fbff;
$color-5: #8bbfc4;

TAILWIND

colors: {
  'brand-1': '#ffdf9c',
  'brand-2': '#fdffc9',
  'brand-3': '#feffeb',
  'brand-4': '#c9fbff',
  'brand-5': '#8bbfc4',
}

RGB Array

[255, 223, 156], [253, 255, 201], [254, 255, 235], [201, 251, 255], [139, 191, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FFDF9C, #FDFFC9, #FEFFEB, #C9FBFF, #8BBFC4 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: #ffdf9c; --color-2: #fdffc9; --color-3: #feffeb; --color-4: #c9fbff; --color-5: #8bbfc4. 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 cool-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