← Back to Editor

#BAB825 · #FFA463 · #DBBA9A · #FF94BB · #A5C2AE

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

#BAB825

Autumn Sage · GoldenRod · Honey Gold

HEX
#BAB825
RGB
rgb(186, 184, 37)
HSL
hsl(59, 67%, 44%)
HSB
hsb(59, 80%, 73%)
CMYK
cmyk(0%, 1%, 80%, 27%)
Oklch
oklch(76.0% 0.155 108.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FFA463

Apricot · SandyBrown · Warm Sun

HEX
#FFA463
RGB
rgb(255, 164, 99)
HSL
hsl(25, 100%, 69%)
HSB
hsb(25, 61%, 100%)
CMYK
cmyk(0%, 36%, 61%, 0%)
Oklch
oklch(79.7% 0.135 55.0)

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

#DBBA9A

Goose Yellow · Tan · Warm Sun

HEX
#DBBA9A
RGB
rgb(219, 186, 154)
HSL
hsl(30, 47%, 73%)
HSB
hsb(30, 30%, 86%)
CMYK
cmyk(0%, 15%, 30%, 14%)
Oklch
oklch(80.9% 0.058 66.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FF94BB

Rouge · LightPink · Cherry Blossom

HEX
#FF94BB
RGB
rgb(255, 148, 187)
HSL
hsl(338, 100%, 79%)
HSB
hsb(338, 42%, 100%)
CMYK
cmyk(0%, 42%, 27%, 0%)
Oklch
oklch(79.0% 0.135 357.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A5C2AE

Celadon · DarkGray · Apple Green

HEX
#A5C2AE
RGB
rgb(165, 194, 174)
HSL
hsl(139, 19%, 70%)
HSB
hsb(139, 15%, 76%)
CMYK
cmyk(15%, 0%, 10%, 24%)
Oklch
oklch(78.7% 0.042 155.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAB825
2528BB

Analogous

BB6E25
BAB825
73BB25

Triadic

BAB825
25BBB9
B925BB

Split-Comp.

BAB825
2573BB
6E25BB

Tetradic

BAB825
25BB6E
2528BB
BB2573

Contrast Matrix WCAG 2.1 Contrast

BAB825
FFA463
DBBA9A
FF94BB
A5C2AE
—
1.1
Fail
1.2
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
2.1Fail
2.0Fail
1.8Fail
2.1Fail
1.9Fail
Black BG
10.0AAA
10.7AAA
11.5AAA
10.2AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B949
D8D773
CDCCA2
D1D0B2
B2B2B3

Deuteranopia

B9B951
DDE477
CFD1A4
D7DFAF
B0AEB4

Tritanopia

BA656B
FA7F82
D9A8A9
FAAAA8
A6B7B8

Achromatopsia

A8A8A8
B8B8B8
C0C0C0
B8B8B8
B7B7B7

Shades & Tints Shades & Tints

#BAB825

Dark
Light

#FFA463

Dark
Light

#DBBA9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bab825;
  --color-2: #ffa463;
  --color-3: #dbba9a;
  --color-4: #ff94bb;
  --color-5: #a5c2ae;
}

SCSS

$color-1: #bab825;
$color-2: #ffa463;
$color-3: #dbba9a;
$color-4: #ff94bb;
$color-5: #a5c2ae;

TAILWIND

colors: {
  'brand-1': '#bab825',
  'brand-2': '#ffa463',
  'brand-3': '#dbba9a',
  'brand-4': '#ff94bb',
  'brand-5': '#a5c2ae',
}

RGB Array

[186, 184, 37], [255, 164, 99], [219, 186, 154], [255, 148, 187], [165, 194, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAB825, #FFA463, #DBBA9A, #FF94BB, #A5C2AE 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: #bab825; --color-2: #ffa463; --color-3: #dbba9a; --color-4: #ff94bb; --color-5: #a5c2ae. 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