← Back to Editor

#E67C8F · #F3A78F · #FFEBE6 · #C5DBD5 · #D8EBE4

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

#E67C8F

Peach Pink · LightCoral · Coral Red

HEX
#E67C8F
RGB
rgb(230, 124, 143)
HSL
hsl(349, 68%, 69%)
HSB
hsb(349, 46%, 90%)
CMYK
cmyk(0%, 46%, 38%, 10%)
Oklch
oklch(70.9% 0.132 9.6)

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

#F3A78F

Peach Pink · LightSalmon · Coral Red

HEX
#F3A78F
RGB
rgb(243, 167, 143)
HSL
hsl(14, 81%, 76%)
HSB
hsb(14, 41%, 95%)
CMYK
cmyk(0%, 31%, 41%, 5%)
Oklch
oklch(79.6% 0.097 38.3)

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

#FFEBE6

Peach Pink · Linen · Cherry Blossom

HEX
#FFEBE6
RGB
rgb(255, 235, 230)
HSL
hsl(12, 100%, 95%)
HSB
hsb(12, 10%, 100%)
CMYK
cmyk(0%, 8%, 10%, 0%)
Oklch
oklch(95.5% 0.023 34.3)

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

#C5DBD5

Jade · LightGray · Glacier Blue

HEX
#C5DBD5
RGB
rgb(197, 219, 213)
HSL
hsl(164, 23%, 82%)
HSB
hsb(164, 10%, 86%)
CMYK
cmyk(10%, 0%, 3%, 14%)
Oklch
oklch(87.3% 0.025 177.5)

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

#D8EBE4

Jade · Lavender · Mint Green

HEX
#D8EBE4
RGB
rgb(216, 235, 228)
HSL
hsl(158, 32%, 88%)
HSB
hsb(158, 8%, 92%)
CMYK
cmyk(8%, 0%, 3%, 8%)
Oklch
oklch(92.4% 0.022 171.8)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E67C8F
7AE6D2

Analogous

E67AC4
E67C8F
E69C7A

Triadic

E67C8F
8EE67A
7A8EE6

Split-Comp.

E67C8F
7AE69C
7AC4E6

Tetradic

E67C8F
C4E67A
7AE6D2
9C7AE6

Contrast Matrix WCAG 2.1 Contrast

E67C8F
F3A78F
FFEBE6
C5DBD5
D8EBE4
—
1.4
Fail
2.4
Fail
1.9
Fail
2.2
Fail
1.4
Fail
—
1.7
Fail
1.3
Fail
1.6
Fail
2.4
Fail
1.7
Fail
—
1.3
Fail
1.1
Fail
1.9
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
2.2
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
White BG
2.7Fail
2.0Fail
1.1Fail
1.5Fail
1.2Fail
Black BG
7.6AAA
10.7AAA
18.3AAA
14.5AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B78A
D2D195
F6F6E7
CFCFD6
E0E0E6

Deuteranopia

BEC689
D7DC96
F8F9E8
CDCCD7
DFDEE6

Tritanopia

E18786
EF999A
FEE8E8
C6D8D8
D9E7E7

Achromatopsia

9E9E9E
BBBBBB
F0F0F0
D4D4D4
E5E5E5

Shades & Tints Shades & Tints

#E67C8F

Dark
Light

#F3A78F

Dark
Light

#FFEBE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e67c8f;
  --color-2: #f3a78f;
  --color-3: #ffebe6;
  --color-4: #c5dbd5;
  --color-5: #d8ebe4;
}

SCSS

$color-1: #e67c8f;
$color-2: #f3a78f;
$color-3: #ffebe6;
$color-4: #c5dbd5;
$color-5: #d8ebe4;

TAILWIND

colors: {
  'brand-1': '#e67c8f',
  'brand-2': '#f3a78f',
  'brand-3': '#ffebe6',
  'brand-4': '#c5dbd5',
  'brand-5': '#d8ebe4',
}

RGB Array

[230, 124, 143], [243, 167, 143], [255, 235, 230], [197, 219, 213], [216, 235, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #E67C8F, #F3A78F, #FFEBE6, #C5DBD5, #D8EBE4 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: #e67c8f; --color-2: #f3a78f; --color-3: #ffebe6; --color-4: #c5dbd5; --color-5: #d8ebe4. 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