← Back to Editor

#CDB518 · #C0A7A1 · #CAB31C · #21D874 · #DCA333

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

#CDB518

Autumn Sage · GoldenRod · Honey Gold

HEX
#CDB518
RGB
rgb(205, 181, 24)
HSL
hsl(52, 79%, 45%)
HSB
hsb(52, 88%, 80%)
CMYK
cmyk(0%, 12%, 88%, 20%)
Oklch
oklch(77.1% 0.155 99.3)

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

#C0A7A1

Peach Pink · DarkGray · Coral Red

HEX
#C0A7A1
RGB
rgb(192, 167, 161)
HSL
hsl(12, 20%, 69%)
HSB
hsb(12, 16%, 75%)
CMYK
cmyk(0%, 13%, 16%, 25%)
Oklch
oklch(74.8% 0.031 33.7)

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

#CAB31C

Autumn Sage · GoldenRod · Honey Gold

HEX
#CAB31C
RGB
rgb(202, 179, 28)
HSL
hsl(52, 76%, 45%)
HSB
hsb(52, 86%, 79%)
CMYK
cmyk(0%, 11%, 86%, 21%)
Oklch
oklch(76.4% 0.153 99.5)

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

#21D874

Pine Green · MediumSeaGreen · Olive Green

HEX
#21D874
RGB
rgb(33, 216, 116)
HSL
hsl(147, 73%, 49%)
HSB
hsb(147, 85%, 85%)
CMYK
cmyk(85%, 0%, 46%, 15%)
Oklch
oklch(77.6% 0.196 152.2)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#DCA333

Ginger · GoldenRod · Sunflower

HEX
#DCA333
RGB
rgb(220, 163, 51)
HSL
hsl(40, 71%, 53%)
HSB
hsb(40, 77%, 86%)
CMYK
cmyk(0%, 26%, 77%, 14%)
Oklch
oklch(75.1% 0.139 79.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDB518
1830CD

Analogous

CD5B18
CDB518
8BCD18

Triadic

CDB518
18CDB5
B518CD

Split-Comp.

CDB518
188BCD
5B18CD

Tetradic

CDB518
18CD5B
1830CD
CD188B

Contrast Matrix WCAG 2.1 Contrast

CDB518
C0A7A1
CAB31C
21D874
DCA333
—
1.1
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.1
Fail
1.2
Fail
—
White BG
2.1Fail
2.3Fail
2.1Fail
1.9Fail
2.3Fail
Black BG
10.2AAA
9.3AAA
10.0AAA
11.1AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C23E
B5B5A2
C0C041
70728C
C3C34E

Deuteranopia

C4C647
B7B8A3
C1C349
665892
C7CB55

Tritanopia

CC5C63
BFA4A4
C95D64
2A9FA4
D96368

Achromatopsia

AAAAAA
AEAEAE
A9A9A9
969696
A7A7A7

Shades & Tints Shades & Tints

#CDB518

Dark
Light

#C0A7A1

Dark
Light

#CAB31C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdb518;
  --color-2: #c0a7a1;
  --color-3: #cab31c;
  --color-4: #21d874;
  --color-5: #dca333;
}

SCSS

$color-1: #cdb518;
$color-2: #c0a7a1;
$color-3: #cab31c;
$color-4: #21d874;
$color-5: #dca333;

TAILWIND

colors: {
  'brand-1': '#cdb518',
  'brand-2': '#c0a7a1',
  'brand-3': '#cab31c',
  'brand-4': '#21d874',
  'brand-5': '#dca333',
}

RGB Array

[205, 181, 24], [192, 167, 161], [202, 179, 28], [33, 216, 116], [220, 163, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDB518, #C0A7A1, #CAB31C, #21D874, #DCA333 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #cdb518; --color-2: #c0a7a1; --color-3: #cab31c; --color-4: #21d874; --color-5: #dca333. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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