#EFF4B8 + #FFC6BB + #E39C8F + #BD687C + #7DB3B1 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFF4B8

Fresh Green · Wheat · Lemon Cream

HEX

#EFF4B8

RGB

rgb(239, 244, 184)

HSL

hsl(65, 73%, 84%)

HSB

hsb(65, 25%, 96%)

CMYK

cmyk(2%, 0%, 25%, 4%)

Oklch

oklch(94.9% 0.077 111.7)

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

#FFC6BB

Peach Pink · Pink · Cherry Blossom

HEX

#FFC6BB

RGB

rgb(255, 198, 187)

HSL

hsl(10, 100%, 87%)

HSB

hsb(10, 27%, 100%)

CMYK

cmyk(0%, 22%, 27%, 0%)

Oklch

oklch(87.4% 0.067 31.0)

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

#E39C8F

Peach Pink · DarkSalmon · Coral Red

HEX

#E39C8F

RGB

rgb(227, 156, 143)

HSL

hsl(9, 60%, 73%)

HSB

hsb(9, 37%, 89%)

CMYK

cmyk(0%, 31%, 37%, 11%)

Oklch

oklch(75.9% 0.088 30.7)

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

#BD687C

Crimson · LightCoral · Passion Red

HEX

#BD687C

RGB

rgb(189, 104, 124)

HSL

hsl(346, 39%, 57%)

HSB

hsb(346, 45%, 74%)

CMYK

cmyk(0%, 45%, 34%, 26%)

Oklch

oklch(61.9% 0.110 5.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#7DB3B1

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#7DB3B1

RGB

rgb(125, 179, 177)

HSL

hsl(178, 26%, 60%)

HSB

hsb(178, 30%, 70%)

CMYK

cmyk(30%, 0%, 1%, 30%)

Oklch

oklch(72.9% 0.057 193.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF4B8

BDB8F4

Analogous

F4DBB8

EFF4B8

D1F4B8

Triadic

EFF4B8

B8EFF4

F4B8EF

Split-Comp.

EFF4B8

B8D1F4

DBB8F4

Tetradic

EFF4B8

B8F4DB

BDB8F4

F4B8D1

Contrast Matrix WCAG 2.1 Contrast

EFF4B8	FFC6BB	E39C8F	BD687C	7DB3B1
—	1.3 Fail	1.9 Fail	3.4 AA Large	2.0 Fail
1.3 Fail	—	1.5 Fail	2.6 Fail	1.6 Fail
1.9 Fail	1.5 Fail	—	1.7 Fail	1.1 Fail
3.4 AA Large	2.6 Fail	1.7 Fail	—	1.6 Fail
2.0 Fail	1.6 Fail	1.1 Fail	1.6 Fail	—

White BG

1.1Fail

1.5Fail

2.2Fail

3.9AA Large

2.3Fail

Black BG

18.3AAA

14.0AAA

9.4AAA

5.4AA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1C7

E6E6BE

C4C492

989777

9495B1

Deuteranopia

F1F1CA

EAEEBE

C8CE93

9DA376

918DB2

Tritanopia

EFD2D5

FCC0C0

DF9595

B97373

80B2B2

Achromatopsia

ECECEC

D6D6D6

B0B0B0

848484

A3A3A3

Shades & Tints Shades & Tints

#EFF4B8

Dark

Light

#FFC6BB

Dark

Light

#E39C8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff4b8;
  --color-2: #ffc6bb;
  --color-3: #e39c8f;
  --color-4: #bd687c;
  --color-5: #7db3b1;
}

SCSS

$color-1: #eff4b8;
$color-2: #ffc6bb;
$color-3: #e39c8f;
$color-4: #bd687c;
$color-5: #7db3b1;

TAILWIND

colors: {
  'brand-1': '#eff4b8',
  'brand-2': '#ffc6bb',
  'brand-3': '#e39c8f',
  'brand-4': '#bd687c',
  'brand-5': '#7db3b1',
}

RGB Array

[239, 244, 184], [255, 198, 187], [227, 156, 143], [189, 104, 124], [125, 179, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EFF4B8, #FFC6BB, #E39C8F, #BD687C, #7DB3B1 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eff4b8; --color-2: #ffc6bb; --color-3: #e39c8f; --color-4: #bd687c; --color-5: #7db3b1. 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 tech, SaaS, healthcare, eco industries. 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