← Back to Editor

#CB2CF8 · #FB8555 · #F4A556 · #FCAE88 · #FFD854

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

#CB2CF8

Royal Purple · MediumOrchid · Violet

HEX
#CB2CF8
RGB
rgb(203, 44, 248)
HSL
hsl(287, 94%, 57%)
HSB
hsb(287, 82%, 97%)
CMYK
cmyk(18%, 82%, 0%, 3%)
Oklch
oklch(63.5% 0.284 317.0)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#FB8555

Apricot · Coral · Warm Sun

HEX
#FB8555
RGB
rgb(251, 133, 85)
HSL
hsl(17, 95%, 66%)
HSB
hsb(17, 66%, 98%)
CMYK
cmyk(0%, 47%, 66%, 2%)
Oklch
oklch(73.9% 0.157 42.1)

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

#F4A556

Ginger · SandyBrown · Warm Sun

HEX
#F4A556
RGB
rgb(244, 165, 86)
HSL
hsl(30, 88%, 65%)
HSB
hsb(30, 65%, 96%)
CMYK
cmyk(0%, 32%, 65%, 4%)
Oklch
oklch(78.5% 0.133 63.6)

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

#FCAE88

Apricot · LightSalmon · Peach Orange

HEX
#FCAE88
RGB
rgb(252, 174, 136)
HSL
hsl(20, 95%, 76%)
HSB
hsb(20, 46%, 99%)
CMYK
cmyk(0%, 31%, 46%, 1%)
Oklch
oklch(81.7% 0.105 46.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFD854

Ginger · SandyBrown · Sunflower

HEX
#FFD854
RGB
rgb(255, 216, 84)
HSL
hsl(46, 100%, 66%)
HSB
hsb(46, 67%, 100%)
CMYK
cmyk(0%, 15%, 67%, 0%)
Oklch
oklch(89.2% 0.152 92.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CB2CF8
57F82A

Analogous

652AF8
CB2CF8
F82ABE

Triadic

CB2CF8
F8CC2A
2AF8CC

Split-Comp.

CB2CF8
BEF82A
2AF865

Tetradic

CB2CF8
F8652A
57F82A
2ABEF8

Contrast Matrix WCAG 2.1 Contrast

CB2CF8
FB8555
F4A556
FCAE88
FFD854
—
1.6
Fail
2.0
Fail
2.2
Fail
2.9
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
2.0
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.2
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.9
Fail
1.8
Fail
1.5
Fail
1.3
Fail
—
White BG
4.0AA Large
2.4Fail
2.0Fail
1.8Fail
1.4Fail
Black BG
5.3AA
8.6AAA
10.4AAA
11.5AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8685C7
C8C761
D2D169
DADA91
EEEE74

Deuteranopia

8F9BBB
CFD863
D6DC6E
DFE593
F0F37C

Tritanopia

C3A097
F56A6C
F0787C
F8989A
FD8D93

Achromatopsia

737373
A3A3A3
B4B4B4
C1C1C1
D5D5D5

Shades & Tints Shades & Tints

#CB2CF8

Dark
Light

#FB8555

Dark
Light

#F4A556

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cb2cf8;
  --color-2: #fb8555;
  --color-3: #f4a556;
  --color-4: #fcae88;
  --color-5: #ffd854;
}

SCSS

$color-1: #cb2cf8;
$color-2: #fb8555;
$color-3: #f4a556;
$color-4: #fcae88;
$color-5: #ffd854;

TAILWIND

colors: {
  'brand-1': '#cb2cf8',
  'brand-2': '#fb8555',
  'brand-3': '#f4a556',
  'brand-4': '#fcae88',
  'brand-5': '#ffd854',
}

RGB Array

[203, 44, 248], [251, 133, 85], [244, 165, 86], [252, 174, 136], [255, 216, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CB2CF8, #FB8555, #F4A556, #FCAE88, #FFD854 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: #cb2cf8; --color-2: #fb8555; --color-3: #f4a556; --color-4: #fcae88; --color-5: #ffd854. 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