← Back to Editor

#CEAC69 · #B8D512 · #C6B715 · #CD1261 · #03051C

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 AppData Visualization

Color Details Color Details

#CEAC69

Ginger · BurlyWood · Sunflower

HEX
#CEAC69
RGB
rgb(206, 172, 105)
HSL
hsl(40, 51%, 61%)
HSB
hsb(40, 49%, 81%)
CMYK
cmyk(0%, 17%, 49%, 19%)
Oklch
oklch(76.0% 0.094 83.4)

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

#B8D512

Autumn Sage · GreenYellow · Honey Gold

HEX
#B8D512
RGB
rgb(184, 213, 18)
HSL
hsl(69, 84%, 45%)
HSB
hsb(69, 92%, 84%)
CMYK
cmyk(14%, 0%, 92%, 16%)
Oklch
oklch(82.3% 0.191 119.2)

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

#C6B715

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6B715
RGB
rgb(198, 183, 21)
HSL
hsl(55, 81%, 43%)
HSB
hsb(55, 89%, 78%)
CMYK
cmyk(0%, 8%, 89%, 22%)
Oklch
oklch(76.8% 0.158 103.4)

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

#CD1261

Dark Violet · MediumVioletRed · Camellia

HEX
#CD1261
RGB
rgb(205, 18, 97)
HSL
hsl(335, 84%, 44%)
HSB
hsb(335, 91%, 80%)
CMYK
cmyk(0%, 91%, 53%, 20%)
Oklch
oklch(55.1% 0.214 4.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#03051C

Indigo · Black · Deep Sea Blue

HEX
#03051C
RGB
rgb(3, 5, 28)
HSL
hsl(235, 81%, 6%)
HSB
hsb(235, 89%, 11%)
CMYK
cmyk(89%, 82%, 0%, 89%)
Oklch
oklch(13.2% 0.052 271.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEAC69
698BCE

Analogous

CE7A69
CEAC69
BDCE69

Triadic

CEAC69
69CEAC
AC69CE

Split-Comp.

CEAC69
69BDCE
7A69CE

Tetradic

CEAC69
69CE7A
698BCE
CE69BD

Contrast Matrix WCAG 2.1 Contrast

CEAC69
B8D512
C6B715
CD1261
03051C
—
1.3
Fail
1.0
Fail
2.5
Fail
9.3
AAA
1.3
Fail
—
1.2
Fail
3.3
AA Large
12.1
AAA
1.0
Fail
1.2
Fail
—
2.6
Fail
9.8
AAA
2.5
Fail
3.3
AA Large
2.6
Fail
—
3.7
AA Large
9.3
AAA
12.1
AAA
9.8
AAA
3.7
AA Large
—
White BG
2.2Fail
1.7Fail
2.1Fail
5.4AA
20.1AAA
Black BG
9.7AAA
12.6AAA
10.2AAA
3.9AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF79
C5C541
C0BF3C
7C7A4E
040416

Deuteranopia

C1C47D
C3C14D
C0C246
879549
040415

Tritanopia

CC8689
B9666F
C55B62
C43F3B
031211

Achromatopsia

AFAFAF
B6B6B6
A9A9A9
535353
070707

Shades & Tints Shades & Tints

#CEAC69

Dark
Light

#B8D512

Dark
Light

#C6B715

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceac69;
  --color-2: #b8d512;
  --color-3: #c6b715;
  --color-4: #cd1261;
  --color-5: #03051c;
}

SCSS

$color-1: #ceac69;
$color-2: #b8d512;
$color-3: #c6b715;
$color-4: #cd1261;
$color-5: #03051c;

TAILWIND

colors: {
  'brand-1': '#ceac69',
  'brand-2': '#b8d512',
  'brand-3': '#c6b715',
  'brand-4': '#cd1261',
  'brand-5': '#03051c',
}

RGB Array

[206, 172, 105], [184, 213, 18], [198, 183, 21], [205, 18, 97], [3, 5, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEAC69, #B8D512, #C6B715, #CD1261, #03051C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #ceac69; --color-2: #b8d512; --color-3: #c6b715; --color-4: #cd1261; --color-5: #03051c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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