← Back to Editor

#EFF0DB · #B9E8C9 · #82E0B6 · #F14B51 · #F17474

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

#EFF0DB

Fresh Green · Beige · Lemon Cream

HEX
#EFF0DB
RGB
rgb(239, 240, 219)
HSL
hsl(63, 41%, 90%)
HSB
hsb(63, 9%, 94%)
CMYK
cmyk(0%, 0%, 9%, 6%)
Oklch
oklch(94.9% 0.028 109.1)

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

#B9E8C9

Emerald · LightGray · Mint Green

HEX
#B9E8C9
RGB
rgb(185, 232, 201)
HSL
hsl(140, 51%, 82%)
HSB
hsb(140, 20%, 91%)
CMYK
cmyk(20%, 0%, 13%, 9%)
Oklch
oklch(89.0% 0.065 156.0)

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

#82E0B6

Jade · MediumAquaMarine · Apple Green

HEX
#82E0B6
RGB
rgb(130, 224, 182)
HSL
hsl(153, 60%, 69%)
HSB
hsb(153, 42%, 88%)
CMYK
cmyk(42%, 0%, 19%, 12%)
Oklch
oklch(83.7% 0.109 163.6)

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

#F14B51

Peach Pink · Tomato · Coral Red

HEX
#F14B51
RGB
rgb(241, 75, 81)
HSL
hsl(358, 86%, 62%)
HSB
hsb(358, 69%, 95%)
CMYK
cmyk(0%, 69%, 66%, 5%)
Oklch
oklch(64.9% 0.202 22.9)

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

#F17474

Peach Pink · Salmon · Coral Red

HEX
#F17474
RGB
rgb(241, 116, 116)
HSL
hsl(0, 82%, 70%)
HSB
hsb(0, 52%, 95%)
CMYK
cmyk(0%, 52%, 52%, 5%)
Oklch
oklch(70.6% 0.154 21.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF0DB
DCDBF0

Analogous

F0E7DB
EFF0DB
E4F0DB

Triadic

EFF0DB
DBEFF0
F0DBEF

Split-Comp.

EFF0DB
DBE4F0
E7DBF0

Tetradic

EFF0DB
DBF0E7
DCDBF0
F0DBE4

Contrast Matrix WCAG 2.1 Contrast

EFF0DB
B9E8C9
82E0B6
F14B51
F17474
—
1.2
Fail
1.4
Fail
3.1
AA Large
2.4
Fail
1.2
Fail
—
1.2
Fail
2.6
Fail
2.1
Fail
1.4
Fail
1.2
Fail
—
2.3
Fail
1.8
Fail
3.1
AA Large
2.6
Fail
2.3
Fail
—
1.3
Fail
2.4
Fail
2.1
Fail
1.8
Fail
1.3
Fail
—
White BG
1.2Fail
1.4Fail
1.6Fail
3.6AA Large
2.8Fail
Black BG
18.2AAA
15.4AAA
13.3AAA
5.9AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE0
CDCED1
ABACC0
A9A850
BBBA74

Deuteranopia

EFEFE1
CBC7D2
A59EC3
B3BF4F
C2CC74

Tritanopia

EFE4E5
BBD6D8
87C8CA
E94E4E
EB7474

Achromatopsia

EDEDED
D6D6D6
BFBFBF
7D7D7D
999999

Shades & Tints Shades & Tints

#EFF0DB

Dark
Light

#B9E8C9

Dark
Light

#82E0B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff0db;
  --color-2: #b9e8c9;
  --color-3: #82e0b6;
  --color-4: #f14b51;
  --color-5: #f17474;
}

SCSS

$color-1: #eff0db;
$color-2: #b9e8c9;
$color-3: #82e0b6;
$color-4: #f14b51;
$color-5: #f17474;

TAILWIND

colors: {
  'brand-1': '#eff0db',
  'brand-2': '#b9e8c9',
  'brand-3': '#82e0b6',
  'brand-4': '#f14b51',
  'brand-5': '#f17474',
}

RGB Array

[239, 240, 219], [185, 232, 201], [130, 224, 182], [241, 75, 81], [241, 116, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF0DB, #B9E8C9, #82E0B6, #F14B51, #F17474 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: #eff0db; --color-2: #b9e8c9; --color-3: #82e0b6; --color-4: #f14b51; --color-5: #f17474. 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 general-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