← Back to Editor

#B8DACA · #DED3B5 · #F9D29B · #FFC738 · #FFF254

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

#B8DACA

Jade · Silver · Apple Green

HEX
#B8DACA
RGB
rgb(184, 218, 202)
HSL
hsl(152, 31%, 79%)
HSB
hsb(152, 16%, 85%)
CMYK
cmyk(16%, 0%, 7%, 15%)
Oklch
oklch(85.9% 0.042 165.3)

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

#DED3B5

Goose Yellow · Wheat · Lemon Cream

HEX
#DED3B5
RGB
rgb(222, 211, 181)
HSL
hsl(44, 38%, 79%)
HSB
hsb(44, 18%, 87%)
CMYK
cmyk(0%, 5%, 18%, 13%)
Oklch
oklch(86.8% 0.042 90.3)

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

#F9D29B

Goose Yellow · Khaki · Peach Orange

HEX
#F9D29B
RGB
rgb(249, 210, 155)
HSL
hsl(35, 89%, 79%)
HSB
hsb(35, 38%, 98%)
CMYK
cmyk(0%, 16%, 38%, 2%)
Oklch
oklch(88.4% 0.083 75.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFC738

Ginger · SandyBrown · Sunflower

HEX
#FFC738
RGB
rgb(255, 199, 56)
HSL
hsl(43, 100%, 61%)
HSB
hsb(43, 78%, 100%)
CMYK
cmyk(0%, 22%, 78%, 0%)
Oklch
oklch(85.7% 0.160 85.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFF254

Fresh Green · Khaki · Sunflower

HEX
#FFF254
RGB
rgb(255, 242, 84)
HSL
hsl(55, 100%, 66%)
HSB
hsb(55, 67%, 100%)
CMYK
cmyk(0%, 5%, 67%, 0%)
Oklch
oklch(94.4% 0.172 104.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8DACA
DAB9C8

Analogous

B9DABA
B8DACA
B9D9DA

Triadic

B8DACA
CBB9DA
DACBB9

Split-Comp.

B8DACA
DAB9D9
DABAB9

Tetradic

B8DACA
BAB9DA
DAB9C8
D9DAB9

Contrast Matrix WCAG 2.1 Contrast

B8DACA
DED3B5
F9D29B
FFC738
FFF254
—
1.0
Fail
1.1
Fail
1.0
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
1.1
Fail
—
1.3
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.3
Fail
—
White BG
1.5Fail
1.5Fail
1.4Fail
1.6Fail
1.2Fail
Black BG
13.9AAA
14.1AAA
14.7AAA
13.5AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7CE
D9D9BC
E8E8A8
E7E65B
F9F97A

Deuteranopia

C5C2CF
DADBBE
EAEDAC
EAEE63
FAFB83

Tritanopia

BAD1D2
DDC2C3
F7B3B5
FC767C
FE989F

Achromatopsia

CECECE
D3D3D3
D7D7D7
C7C7C7
E4E4E4

Shades & Tints Shades & Tints

#B8DACA

Dark
Light

#DED3B5

Dark
Light

#F9D29B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8daca;
  --color-2: #ded3b5;
  --color-3: #f9d29b;
  --color-4: #ffc738;
  --color-5: #fff254;
}

SCSS

$color-1: #b8daca;
$color-2: #ded3b5;
$color-3: #f9d29b;
$color-4: #ffc738;
$color-5: #fff254;

TAILWIND

colors: {
  'brand-1': '#b8daca',
  'brand-2': '#ded3b5',
  'brand-3': '#f9d29b',
  'brand-4': '#ffc738',
  'brand-5': '#fff254',
}

RGB Array

[184, 218, 202], [222, 211, 181], [249, 210, 155], [255, 199, 56], [255, 242, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8DACA, #DED3B5, #F9D29B, #FFC738, #FFF254 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: #b8daca; --color-2: #ded3b5; --color-3: #f9d29b; --color-4: #ffc738; --color-5: #fff254. 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