← Back to Editor

#F8D9C1 · #EAEAE8 · #FFFAFA · #ECEDC2 · #DBFFFF

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

#F8D9C1

Apricot · Bisque · Peach Orange

HEX
#F8D9C1
RGB
rgb(248, 217, 193)
HSL
hsl(26, 80%, 86%)
HSB
hsb(26, 22%, 97%)
CMYK
cmyk(0%, 13%, 22%, 3%)
Oklch
oklch(90.5% 0.047 59.9)

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

#EAEAE8

Plain White · Linen · Cloud White

HEX
#EAEAE8
RGB
rgb(234, 234, 232)
HSL
hsl(60, 5%, 91%)
HSB
hsb(60, 1%, 92%)
CMYK
cmyk(0%, 0%, 1%, 8%)
Oklch
oklch(93.6% 0.003 106.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#FFFAFA

Peach Pink · Snow · Cherry Blossom

HEX
#FFFAFA
RGB
rgb(255, 250, 250)
HSL
hsl(0, 100%, 99%)
HSB
hsb(0, 2%, 100%)
CMYK
cmyk(0%, 2%, 2%, 0%)
Oklch
oklch(98.9% 0.005 17.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#ECEDC2

Fresh Green · Bisque · Lemon Cream

HEX
#ECEDC2
RGB
rgb(236, 237, 194)
HSL
hsl(61, 54%, 85%)
HSB
hsb(61, 18%, 93%)
CMYK
cmyk(0%, 0%, 18%, 7%)
Oklch
oklch(93.5% 0.056 108.5)

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

#DBFFFF

Sky Blue · Lavender · Glacier Blue

HEX
#DBFFFF
RGB
rgb(219, 255, 255)
HSL
hsl(180, 100%, 93%)
HSB
hsb(180, 14%, 100%)
CMYK
cmyk(14%, 0%, 0%, 0%)
Oklch
oklch(97.5% 0.037 196.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8D9C1
BFDFF8

Analogous

F8BFC3
F8D9C1
F8F4BF

Triadic

F8D9C1
BFF8D7
D7BFF8

Split-Comp.

F8D9C1
BFF8F4
BFC3F8

Tetradic

F8D9C1
C3F8BF
BFDFF8
F4BFF8

Contrast Matrix WCAG 2.1 Contrast

F8D9C1
EAEAE8
FFFAFA
ECEDC2
DBFFFF
—
1.1
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
White BG
1.3Fail
1.2Fail
1.0Fail
1.2Fail
1.1Fail
Black BG
15.7AAA
17.4AAA
20.3AAA
17.5AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEAC7
EAEAE8
FDFDFA
ECECCC
EBEBFF

Deuteranopia

ECEFC8
EAEAE9
FDFEFA
ECECCF
E9E6FF

Tritanopia

F6CBCC
EAE9E9
FFFAFA
ECD5D6
DDFFFF

Achromatopsia

E0E0E0
EAEAEA
FBFBFB
E8E8E8
F4F4F4

Shades & Tints Shades & Tints

#F8D9C1

Dark
Light

#EAEAE8

Dark
Light

#FFFAFA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8d9c1;
  --color-2: #eaeae8;
  --color-3: #fffafa;
  --color-4: #ecedc2;
  --color-5: #dbffff;
}

SCSS

$color-1: #f8d9c1;
$color-2: #eaeae8;
$color-3: #fffafa;
$color-4: #ecedc2;
$color-5: #dbffff;

TAILWIND

colors: {
  'brand-1': '#f8d9c1',
  'brand-2': '#eaeae8',
  'brand-3': '#fffafa',
  'brand-4': '#ecedc2',
  'brand-5': '#dbffff',
}

RGB Array

[248, 217, 193], [234, 234, 232], [255, 250, 250], [236, 237, 194], [219, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F8D9C1, #EAEAE8, #FFFAFA, #ECEDC2, #DBFFFF 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: #f8d9c1; --color-2: #eaeae8; --color-3: #fffafa; --color-4: #ecedc2; --color-5: #dbffff. 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