← Back to Editor

#BADBCB · #E1F59F · #FAF2DE · #00B0B2 · #F5B39F

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 AppData Visualization

Color Details Color Details

#BADBCB

Jade · LightGray · Apple Green

HEX
#BADBCB
RGB
rgb(186, 219, 203)
HSL
hsl(151, 31%, 79%)
HSB
hsb(151, 15%, 86%)
CMYK
cmyk(15%, 0%, 7%, 14%)
Oklch
oklch(86.3% 0.041 164.6)

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

#E1F59F

Willow Green · Khaki · Apple Green

HEX
#E1F59F
RGB
rgb(225, 245, 159)
HSL
hsl(74, 81%, 79%)
HSB
hsb(74, 35%, 96%)
CMYK
cmyk(8%, 0%, 35%, 4%)
Oklch
oklch(93.6% 0.111 119.3)

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

#FAF2DE

Goose Yellow · Beige · Lemon Cream

HEX
#FAF2DE
RGB
rgb(250, 242, 222)
HSL
hsl(43, 74%, 93%)
HSB
hsb(43, 11%, 98%)
CMYK
cmyk(0%, 3%, 11%, 2%)
Oklch
oklch(96.2% 0.028 88.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#00B0B2

Lake Blue · LightSeaGreen · Mint Ice

HEX
#00B0B2
RGB
rgb(0, 176, 178)
HSL
hsl(181, 100%, 35%)
HSB
hsb(181, 100%, 70%)
CMYK
cmyk(100%, 1%, 0%, 30%)
Oklch
oklch(68.6% 0.117 196.2)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F5B39F

Peach Pink · BurlyWood · Coral Red

HEX
#F5B39F
RGB
rgb(245, 179, 159)
HSL
hsl(14, 81%, 79%)
HSB
hsb(14, 35%, 96%)
CMYK
cmyk(0%, 27%, 35%, 4%)
Oklch
oklch(82.3% 0.082 37.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BADBCB
DAB9C9

Analogous

B9DAB9
BADBCB
B9D9DA

Triadic

BADBCB
CAB9DA
DACAB9

Split-Comp.

BADBCB
DAB9D9
DAB9B9

Tetradic

BADBCB
B9B9DA
DAB9C9
D9DAB9

Contrast Matrix WCAG 2.1 Contrast

BADBCB
E1F59F
FAF2DE
00B0B2
F5B39F
—
1.3
Fail
1.3
Fail
1.8
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
2.3
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
2.4
Fail
1.6
Fail
1.8
Fail
2.3
Fail
2.4
Fail
—
1.5
Fail
1.2
Fail
1.5
Fail
1.6
Fail
1.5
Fail
—
White BG
1.5Fail
1.2Fail
1.1Fail
2.7Fail
1.8Fail
Black BG
14.1AAA
17.8AAA
18.8AAA
7.9AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C9CF
EAEAB4
F7F6E3
4C4EB2
D8D8A4

Deuteranopia

C6C4D0
E9E7B9
F7F8E4
4235B1
DCE1A5

Tritanopia

BCD2D3
E2C4C8
FAE7E8
09B1B1
F2A8A9

Achromatopsia

CFCFCF
E5E5E5
F2F2F2
7C7C7C
C4C4C4

Shades & Tints Shades & Tints

#BADBCB

Dark
Light

#E1F59F

Dark
Light

#FAF2DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #badbcb;
  --color-2: #e1f59f;
  --color-3: #faf2de;
  --color-4: #00b0b2;
  --color-5: #f5b39f;
}

SCSS

$color-1: #badbcb;
$color-2: #e1f59f;
$color-3: #faf2de;
$color-4: #00b0b2;
$color-5: #f5b39f;

TAILWIND

colors: {
  'brand-1': '#badbcb',
  'brand-2': '#e1f59f',
  'brand-3': '#faf2de',
  'brand-4': '#00b0b2',
  'brand-5': '#f5b39f',
}

RGB Array

[186, 219, 203], [225, 245, 159], [250, 242, 222], [0, 176, 178], [245, 179, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BADBCB, #E1F59F, #FAF2DE, #00B0B2, #F5B39F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #badbcb; --color-2: #e1f59f; --color-3: #faf2de; --color-4: #00b0b2; --color-5: #f5b39f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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