← Back to Editor

#CBCEA1 · #5C1E43 · #C6A47F · #F3D58F · #FFF3B9

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

Color Details Color Details

#CBCEA1

Fresh Green · Tan · Sunflower

HEX
#CBCEA1
RGB
rgb(203, 206, 161)
HSL
hsl(64, 31%, 72%)
HSB
hsb(64, 22%, 81%)
CMYK
cmyk(1%, 0%, 22%, 19%)
Oklch
oklch(83.8% 0.060 110.8)

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

#5C1E43

Rose Purple · DarkSlateGray · Raspberry

HEX
#5C1E43
RGB
rgb(92, 30, 67)
HSL
hsl(324, 51%, 24%)
HSB
hsb(324, 67%, 36%)
CMYK
cmyk(0%, 67%, 27%, 64%)
Oklch
oklch(34.4% 0.101 346.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#C6A47F

Ginger · Tan · Warm Sun

HEX
#C6A47F
RGB
rgb(198, 164, 127)
HSL
hsl(31, 38%, 64%)
HSB
hsb(31, 36%, 78%)
CMYK
cmyk(0%, 17%, 36%, 22%)
Oklch
oklch(74.0% 0.064 68.9)

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

#F3D58F

Goose Yellow · Khaki · Lemon Cream

HEX
#F3D58F
RGB
rgb(243, 213, 143)
HSL
hsl(42, 81%, 76%)
HSB
hsb(42, 41%, 95%)
CMYK
cmyk(0%, 12%, 41%, 5%)
Oklch
oklch(88.3% 0.094 87.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFF3B9

Fresh Green · Bisque · Lemon Cream

HEX
#FFF3B9
RGB
rgb(255, 243, 185)
HSL
hsl(50, 100%, 86%)
HSB
hsb(50, 27%, 100%)
CMYK
cmyk(0%, 5%, 27%, 0%)
Oklch
oklch(96.0% 0.075 97.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBCEA1
A4A1CE

Analogous

CEBBA1
CBCEA1
B5CEA1

Triadic

CBCEA1
A1CBCE
CEA1CB

Split-Comp.

CBCEA1
A1B5CE
BBA1CE

Tetradic

CBCEA1
A1CEBB
A4A1CE
CEA1B5

Contrast Matrix WCAG 2.1 Contrast

CBCEA1
5C1E43
C6A47F
F3D58F
FFF3B9
—
7.5
AAA
1.4
Fail
1.1
Fail
1.5
Fail
7.5
AAA
—
5.2
AA
8.6
AAA
10.9
AAA
1.4
Fail
5.2
AA
—
1.6
Fail
2.1
Fail
1.1
Fail
8.6
AAA
1.6
Fail
—
1.3
Fail
1.5
Fail
10.9
AAA
2.1
Fail
1.3
Fail
—
White BG
1.6Fail
12.2AAA
2.3Fail
1.4Fail
1.1Fail
Black BG
12.9AAA
1.7Fail
9.0AAA
14.7AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCAC
41413A
B7B788
E6E6A0
FAFAC7

Deuteranopia

CCCCAF
454938
B9BC8A
E8EAA4
FBFBCA

Tritanopia

CBB4B6
593331
C48F91
F2ADB0
FED2D5

Achromatopsia

C8C8C8
353535
AAAAAA
D6D6D6
F0F0F0

Shades & Tints Shades & Tints

#CBCEA1

Dark
Light

#5C1E43

Dark
Light

#C6A47F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbcea1;
  --color-2: #5c1e43;
  --color-3: #c6a47f;
  --color-4: #f3d58f;
  --color-5: #fff3b9;
}

SCSS

$color-1: #cbcea1;
$color-2: #5c1e43;
$color-3: #c6a47f;
$color-4: #f3d58f;
$color-5: #fff3b9;

TAILWIND

colors: {
  'brand-1': '#cbcea1',
  'brand-2': '#5c1e43',
  'brand-3': '#c6a47f',
  'brand-4': '#f3d58f',
  'brand-5': '#fff3b9',
}

RGB Array

[203, 206, 161], [92, 30, 67], [198, 164, 127], [243, 213, 143], [255, 243, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBCEA1, #5C1E43, #C6A47F, #F3D58F, #FFF3B9 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #cbcea1; --color-2: #5c1e43; --color-3: #c6a47f; --color-4: #f3d58f; --color-5: #fff3b9. 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. 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