← Back to Editor

#B4DBA2 · #DAF1A1 · #EBDF95 · #FAC697 · #F79D85

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B4DBA2

Celadon · Silver · Apple Green

HEX
#B4DBA2
RGB
rgb(180, 219, 162)
HSL
hsl(101, 44%, 75%)
HSB
hsb(101, 26%, 86%)
CMYK
cmyk(18%, 0%, 26%, 14%)
Oklch
oklch(84.9% 0.087 135.9)

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

#DAF1A1

Willow Green · Khaki · Apple Green

HEX
#DAF1A1
RGB
rgb(218, 241, 161)
HSL
hsl(77, 74%, 79%)
HSB
hsb(77, 33%, 95%)
CMYK
cmyk(10%, 0%, 33%, 5%)
Oklch
oklch(92.3% 0.106 121.5)

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

#EBDF95

Fresh Green · Khaki · Sunflower

HEX
#EBDF95
RGB
rgb(235, 223, 149)
HSL
hsl(52, 68%, 75%)
HSB
hsb(52, 37%, 92%)
CMYK
cmyk(0%, 5%, 37%, 8%)
Oklch
oklch(89.7% 0.095 100.1)

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

#FAC697

Apricot · BurlyWood · Peach Orange

HEX
#FAC697
RGB
rgb(250, 198, 151)
HSL
hsl(28, 91%, 79%)
HSB
hsb(28, 40%, 98%)
CMYK
cmyk(0%, 21%, 40%, 2%)
Oklch
oklch(86.2% 0.085 63.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F79D85

Peach Pink · LightSalmon · Coral Red

HEX
#F79D85
RGB
rgb(247, 157, 133)
HSL
hsl(13, 88%, 75%)
HSB
hsb(13, 46%, 97%)
CMYK
cmyk(0%, 36%, 46%, 3%)
Oklch
oklch(78.1% 0.114 35.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4DBA2
CAA3DB

Analogous

D1DBA3
B4DBA2
A3DBAD

Triadic

B4DBA2
A3B5DB
DBA3B5

Split-Comp.

B4DBA2
ADA3DB
DBA3D1

Tetradic

B4DBA2
A3D1DB
CAA3DB
DBADA3

Contrast Matrix WCAG 2.1 Contrast

B4DBA2
DAF1A1
EBDF95
FAC697
F79D85
—
1.3
Fail
1.1
Fail
1.0
Fail
1.3
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.3
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
White BG
1.5Fail
1.2Fail
1.4Fail
1.5Fail
2.1Fail
Black BG
13.6AAA
17.1AAA
15.5AAA
13.6AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5B0
E4E4B4
E6E6A7
E3E3A2
D0CF8B

Deuteranopia

C3C0B3
E3E1B9
E7E7AB
E7EAA5
D5DC8C

Tritanopia

B6BBBD
DBC4C7
EAB5B8
F7ABAD
F28F90

Achromatopsia

C9C9C9
E1E1E1
DADADA
D0D0D0
B5B5B5

Shades & Tints Shades & Tints

#B4DBA2

Dark
Light

#DAF1A1

Dark
Light

#EBDF95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4dba2;
  --color-2: #daf1a1;
  --color-3: #ebdf95;
  --color-4: #fac697;
  --color-5: #f79d85;
}

SCSS

$color-1: #b4dba2;
$color-2: #daf1a1;
$color-3: #ebdf95;
$color-4: #fac697;
$color-5: #f79d85;

TAILWIND

colors: {
  'brand-1': '#b4dba2',
  'brand-2': '#daf1a1',
  'brand-3': '#ebdf95',
  'brand-4': '#fac697',
  'brand-5': '#f79d85',
}

RGB Array

[180, 219, 162], [218, 241, 161], [235, 223, 149], [250, 198, 151], [247, 157, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4DBA2, #DAF1A1, #EBDF95, #FAC697, #F79D85 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: #b4dba2; --color-2: #daf1a1; --color-3: #ebdf95; --color-4: #fac697; --color-5: #f79d85. 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