← Back to Editor

#A5F2BF · #BA967D · #FFC800 · #E2E444 · #F3FFC2

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

#A5F2BF

Emerald · LightBlue · Apple Green

HEX
#A5F2BF
RGB
rgb(165, 242, 191)
HSL
hsl(140, 75%, 80%)
HSB
hsb(140, 32%, 95%)
CMYK
cmyk(32%, 0%, 21%, 5%)
Oklch
oklch(89.7% 0.104 154.8)

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

#BA967D

Apricot · Tan · Warm Sun

HEX
#BA967D
RGB
rgb(186, 150, 125)
HSL
hsl(25, 31%, 61%)
HSB
hsb(25, 33%, 73%)
CMYK
cmyk(0%, 19%, 33%, 27%)
Oklch
oklch(70.0% 0.056 56.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFC800

Ochre · Gold · Honey Gold

HEX
#FFC800
RGB
rgb(255, 200, 0)
HSL
hsl(47, 100%, 50%)
HSB
hsb(47, 100%, 100%)
CMYK
cmyk(0%, 22%, 100%, 0%)
Oklch
oklch(85.7% 0.175 88.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E2E444

Autumn Sage · GreenYellow · Sunflower

HEX
#E2E444
RGB
rgb(226, 228, 68)
HSL
hsl(61, 75%, 58%)
HSB
hsb(61, 70%, 89%)
CMYK
cmyk(1%, 0%, 70%, 11%)
Oklch
oklch(89.0% 0.173 110.2)

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

#F3FFC2

Willow Green · Beige · Mint Green

HEX
#F3FFC2
RGB
rgb(243, 255, 194)
HSL
hsl(72, 100%, 88%)
HSB
hsb(72, 24%, 100%)
CMYK
cmyk(5%, 0%, 24%, 0%)
Oklch
oklch(97.6% 0.079 116.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5F2BF
F2A6D9

Analogous

B3F2A6
A5F2BF
A6F2E6

Triadic

A5F2BF
BFA6F2
F2BFA6

Split-Comp.

A5F2BF
E5A6F2
F2A6B3

Tetradic

A5F2BF
A6B2F2
F2A6D9
F2E5A6

Contrast Matrix WCAG 2.1 Contrast

A5F2BF
BA967D
FFC800
E2E444
F3FFC2
—
2.1
Fail
1.2
Fail
1.0
Fail
1.2
Fail
2.1
Fail
—
1.7
Fail
2.0
Fail
2.6
Fail
1.2
Fail
1.7
Fail
—
1.1
Fail
1.5
Fail
1.0
Fail
2.0
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
2.6
Fail
1.5
Fail
1.3
Fail
—
White BG
1.3Fail
2.7Fail
1.6Fail
1.4Fail
1.1Fail
Black BG
16.1AAA
7.7AAA
13.5AAA
15.4AAA
19.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C7CB
AAAA83
E7E730
E3E36B
F8F8D1

Deuteranopia

C2BCCE
ADAF85
EAEF3C
E3E374
F8F7D4

Tritanopia

A9D5D7
B88889
FC575F
E28990
F4DCDF

Achromatopsia

D5D5D5
9E9E9E
C2C2C2
D1D1D1
F4F4F4

Shades & Tints Shades & Tints

#A5F2BF

Dark
Light

#BA967D

Dark
Light

#FFC800

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5f2bf;
  --color-2: #ba967d;
  --color-3: #ffc800;
  --color-4: #e2e444;
  --color-5: #f3ffc2;
}

SCSS

$color-1: #a5f2bf;
$color-2: #ba967d;
$color-3: #ffc800;
$color-4: #e2e444;
$color-5: #f3ffc2;

TAILWIND

colors: {
  'brand-1': '#a5f2bf',
  'brand-2': '#ba967d',
  'brand-3': '#ffc800',
  'brand-4': '#e2e444',
  'brand-5': '#f3ffc2',
}

RGB Array

[165, 242, 191], [186, 150, 125], [255, 200, 0], [226, 228, 68], [243, 255, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5F2BF, #BA967D, #FFC800, #E2E444, #F3FFC2 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: #a5f2bf; --color-2: #ba967d; --color-3: #ffc800; --color-4: #e2e444; --color-5: #f3ffc2. 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