← Back to Editor

#B3DAA3 · #CACC93 · #E1D569 · #F7F425 · #F5E2D5

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

#B3DAA3

Celadon · Silver · Apple Green

HEX
#B3DAA3
RGB
rgb(179, 218, 163)
HSL
hsl(103, 43%, 75%)
HSB
hsb(103, 25%, 85%)
CMYK
cmyk(18%, 0%, 25%, 15%)
Oklch
oklch(84.6% 0.085 136.7)

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

#CACC93

Fresh Green · Tan · Sunflower

HEX
#CACC93
RGB
rgb(202, 204, 147)
HSL
hsl(62, 36%, 69%)
HSB
hsb(62, 28%, 80%)
CMYK
cmyk(1%, 0%, 28%, 20%)
Oklch
oklch(83.0% 0.075 109.6)

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

#E1D569

Fresh Green · Khaki · Sunflower

HEX
#E1D569
RGB
rgb(225, 213, 105)
HSL
hsl(54, 67%, 65%)
HSB
hsb(54, 53%, 88%)
CMYK
cmyk(0%, 5%, 53%, 12%)
Oklch
oklch(86.1% 0.130 103.0)

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

#F7F425

Autumn Sage · Yellow · Sunflower

HEX
#F7F425
RGB
rgb(247, 244, 37)
HSL
hsl(59, 93%, 56%)
HSB
hsb(59, 85%, 97%)
CMYK
cmyk(0%, 1%, 85%, 3%)
Oklch
oklch(93.9% 0.197 108.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F5E2D5

Apricot · Bisque · Peach Orange

HEX
#F5E2D5
RGB
rgb(245, 226, 213)
HSL
hsl(24, 62%, 90%)
HSB
hsb(24, 13%, 96%)
CMYK
cmyk(0%, 8%, 13%, 4%)
Oklch
oklch(92.5% 0.027 56.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3DAA3
CBA4DB

Analogous

CFDBA4
B3DAA3
A4DBB0

Triadic

B3DAA3
A4B3DB
DBA4B3

Split-Comp.

B3DAA3
B0A4DB
DBA4CF

Tetradic

B3DAA3
A4CFDB
CBA4DB
DBB0A4

Contrast Matrix WCAG 2.1 Contrast

B3DAA3
CACC93
E1D569
F7F425
F5E2D5
—
1.1
Fail
1.0
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.6Fail
1.7Fail
1.5Fail
1.2Fail
1.3Fail
Black BG
13.5AAA
12.6AAA
13.9AAA
17.9AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4B0
CBCBA1
DCDC83
F6F657
EDEDD8

Deuteranopia

C2BFB4
CBCBA4
DDDD89
F6F663
EEEFD9

Tritanopia

B5BBBD
CAACAE
E0989C
F77F87
F4DBDB

Achromatopsia

C8C8C8
C5C5C5
CCCCCC
DDDDDD
E6E6E6

Shades & Tints Shades & Tints

#B3DAA3

Dark
Light

#CACC93

Dark
Light

#E1D569

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3daa3;
  --color-2: #cacc93;
  --color-3: #e1d569;
  --color-4: #f7f425;
  --color-5: #f5e2d5;
}

SCSS

$color-1: #b3daa3;
$color-2: #cacc93;
$color-3: #e1d569;
$color-4: #f7f425;
$color-5: #f5e2d5;

TAILWIND

colors: {
  'brand-1': '#b3daa3',
  'brand-2': '#cacc93',
  'brand-3': '#e1d569',
  'brand-4': '#f7f425',
  'brand-5': '#f5e2d5',
}

RGB Array

[179, 218, 163], [202, 204, 147], [225, 213, 105], [247, 244, 37], [245, 226, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3DAA3, #CACC93, #E1D569, #F7F425, #F5E2D5 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: #b3daa3; --color-2: #cacc93; --color-3: #e1d569; --color-4: #f7f425; --color-5: #f5e2d5. 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