← Back to Editor

#F27F64 · #F09AA5 · #E8F1F6 · #FFFDEC · #D8E6CF

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

#F27F64

Peach Pink · Salmon · Coral Red

HEX
#F27F64
RGB
rgb(242, 127, 100)
HSL
hsl(11, 85%, 67%)
HSB
hsb(11, 59%, 95%)
CMYK
cmyk(0%, 48%, 59%, 5%)
Oklch
oklch(72.0% 0.147 34.3)

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

#F09AA5

Peach Pink · LightPink · Coral Red

HEX
#F09AA5
RGB
rgb(240, 154, 165)
HSL
hsl(352, 74%, 77%)
HSB
hsb(352, 36%, 94%)
CMYK
cmyk(0%, 36%, 31%, 6%)
Oklch
oklch(77.6% 0.104 11.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E8F1F6

Sky Blue · Lavender · Sky Blue

HEX
#E8F1F6
RGB
rgb(232, 241, 246)
HSL
hsl(201, 44%, 94%)
HSB
hsb(201, 6%, 96%)
CMYK
cmyk(6%, 2%, 0%, 4%)
Oklch
oklch(95.3% 0.012 231.7)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#FFFDEC

Fresh Green · SeaShell · Lemon Cream

HEX
#FFFDEC
RGB
rgb(255, 253, 236)
HSL
hsl(54, 100%, 96%)
HSB
hsb(54, 7%, 100%)
CMYK
cmyk(0%, 1%, 7%, 0%)
Oklch
oklch(99.1% 0.022 101.3)

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

#D8E6CF

Celadon · LightGray · Mint Green

HEX
#D8E6CF
RGB
rgb(216, 230, 207)
HSL
hsl(97, 32%, 86%)
HSB
hsb(97, 10%, 90%)
CMYK
cmyk(6%, 0%, 10%, 10%)
Oklch
oklch(90.8% 0.034 133.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F27F64
63D8F2

Analogous

F26391
F27F64
F2C563

Triadic

F27F64
63F27E
7E63F2

Split-Comp.

F27F64
63F2C5
6391F2

Tetradic

F27F64
91F263
63D8F2
C563F2

Contrast Matrix WCAG 2.1 Contrast

F27F64
F09AA5
E8F1F6
FFFDEC
D8E6CF
—
1.2
Fail
2.3
Fail
2.6
Fail
2.0
Fail
1.2
Fail
—
1.9
Fail
2.1
Fail
1.6
Fail
2.3
Fail
1.9
Fail
—
1.1
Fail
1.1
Fail
2.6
Fail
2.1
Fail
1.1
Fail
—
1.3
Fail
2.0
Fail
1.6
Fail
1.1
Fail
1.3
Fail
—
White BG
2.6Fail
2.1Fail
1.1Fail
1.0Fail
1.3Fail
Black BG
8.0AAA
9.9AAA
18.3AAA
20.5AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF6B
CBCAA2
ECECF5
FEFEF0
DEDED5

Deuteranopia

C7CF6C
D0D6A2
EBEBF5
FEFEF1
DDDCD6

Tritanopia

EC7071
ECA0A0
E8F4F4
FFF3F4
D9D9DA

Achromatopsia

9E9E9E
B5B5B5
EFEFEF
FCFCFC
DFDFDF

Shades & Tints Shades & Tints

#F27F64

Dark
Light

#F09AA5

Dark
Light

#E8F1F6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f27f64;
  --color-2: #f09aa5;
  --color-3: #e8f1f6;
  --color-4: #fffdec;
  --color-5: #d8e6cf;
}

SCSS

$color-1: #f27f64;
$color-2: #f09aa5;
$color-3: #e8f1f6;
$color-4: #fffdec;
$color-5: #d8e6cf;

TAILWIND

colors: {
  'brand-1': '#f27f64',
  'brand-2': '#f09aa5',
  'brand-3': '#e8f1f6',
  'brand-4': '#fffdec',
  'brand-5': '#d8e6cf',
}

RGB Array

[242, 127, 100], [240, 154, 165], [232, 241, 246], [255, 253, 236], [216, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F27F64, #F09AA5, #E8F1F6, #FFFDEC, #D8E6CF 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: #f27f64; --color-2: #f09aa5; --color-3: #e8f1f6; --color-4: #fffdec; --color-5: #d8e6cf. 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