← Back to Editor

#F8DEB9 · #DAE4B2 · #BBDDB8 · #F2377E · #86D9AB

cool

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

#F8DEB9

Goose Yellow · Wheat · Peach Orange

HEX
#F8DEB9
RGB
rgb(248, 222, 185)
HSL
hsl(35, 82%, 85%)
HSB
hsb(35, 25%, 97%)
CMYK
cmyk(0%, 10%, 25%, 3%)
Oklch
oklch(91.3% 0.056 76.6)

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

#DAE4B2

Willow Green · Wheat · Apple Green

HEX
#DAE4B2
RGB
rgb(218, 228, 178)
HSL
hsl(72, 48%, 80%)
HSB
hsb(72, 22%, 89%)
CMYK
cmyk(4%, 0%, 22%, 11%)
Oklch
oklch(89.9% 0.067 116.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#BBDDB8

Celadon · Silver · Apple Green

HEX
#BBDDB8
RGB
rgb(187, 221, 184)
HSL
hsl(115, 35%, 79%)
HSB
hsb(115, 17%, 87%)
CMYK
cmyk(15%, 0%, 17%, 13%)
Oklch
oklch(86.3% 0.062 142.9)

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

#F2377E

Dark Violet · DeepPink · Rose Pink

HEX
#F2377E
RGB
rgb(242, 55, 126)
HSL
hsl(337, 88%, 58%)
HSB
hsb(337, 77%, 95%)
CMYK
cmyk(0%, 77%, 48%, 5%)
Oklch
oklch(64.3% 0.225 3.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#86D9AB

Emerald · MediumAquaMarine · Apple Green

HEX
#86D9AB
RGB
rgb(134, 217, 171)
HSL
hsl(147, 52%, 69%)
HSB
hsb(147, 38%, 85%)
CMYK
cmyk(38%, 0%, 21%, 15%)
Oklch
oklch(82.0% 0.105 158.7)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8DEB9
B9D4F8

Analogous

F8BFB9
F8DEB9
F3F8B9

Triadic

F8DEB9
B9F8DE
DEB9F8

Split-Comp.

F8DEB9
B9F3F8
BFB9F8

Tetradic

F8DEB9
B9F8BF
B9D4F8
F8B9F3

Contrast Matrix WCAG 2.1 Contrast

F8DEB9
DAE4B2
BBDDB8
F2377E
86D9AB
—
1.0
Fail
1.1
Fail
2.9
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
2.8
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
2.5
Fail
1.1
Fail
2.9
Fail
2.8
Fail
2.5
Fail
—
2.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
2.2
Fail
—
White BG
1.3Fail
1.3Fail
1.5Fail
3.7AA Large
1.7Fail
Black BG
16.1AAA
15.7AAA
14.1AAA
5.6AA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC2
DEDEBE
CACAC1
A19F6D
AAABB6

Deuteranopia

EEF0C4
DEDDC1
C8C5C3
ACBA69
A59FB9

Tritanopia

F7C9CB
DBC8CA
BDC8CA
E95F5C
8ABFC1

Achromatopsia

E2E2E2
DBDBDB
CFCFCF
777777
BBBBBB

Shades & Tints Shades & Tints

#F8DEB9

Dark
Light

#DAE4B2

Dark
Light

#BBDDB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8deb9;
  --color-2: #dae4b2;
  --color-3: #bbddb8;
  --color-4: #f2377e;
  --color-5: #86d9ab;
}

SCSS

$color-1: #f8deb9;
$color-2: #dae4b2;
$color-3: #bbddb8;
$color-4: #f2377e;
$color-5: #86d9ab;

TAILWIND

colors: {
  'brand-1': '#f8deb9',
  'brand-2': '#dae4b2',
  'brand-3': '#bbddb8',
  'brand-4': '#f2377e',
  'brand-5': '#86d9ab',
}

RGB Array

[248, 222, 185], [218, 228, 178], [187, 221, 184], [242, 55, 126], [134, 217, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F8DEB9, #DAE4B2, #BBDDB8, #F2377E, #86D9AB 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: #f8deb9; --color-2: #dae4b2; --color-3: #bbddb8; --color-4: #f2377e; --color-5: #86d9ab. 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