← Back to Editor

#B35984 · #F28149 · #F2A349 · #D2C954 · #B2EF60

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

#B35984

Dark Violet · Gray · Rose Pink

HEX
#B35984
RGB
rgb(179, 89, 132)
HSL
hsl(331, 37%, 53%)
HSB
hsb(331, 50%, 70%)
CMYK
cmyk(0%, 50%, 26%, 30%)
Oklch
oklch(58.5% 0.127 351.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F28149

Apricot · Coral · Warm Sun

HEX
#F28149
RGB
rgb(242, 129, 73)
HSL
hsl(20, 87%, 62%)
HSB
hsb(20, 70%, 95%)
CMYK
cmyk(0%, 47%, 70%, 5%)
Oklch
oklch(72.0% 0.155 45.5)

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

#F2A349

Ginger · SandyBrown · Warm Sun

HEX
#F2A349
RGB
rgb(242, 163, 73)
HSL
hsl(32, 87%, 62%)
HSB
hsb(32, 70%, 95%)
CMYK
cmyk(0%, 33%, 70%, 5%)
Oklch
oklch(77.7% 0.140 66.4)

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

#D2C954

Autumn Sage · SandyBrown · Sunflower

HEX
#D2C954
RGB
rgb(210, 201, 84)
HSL
hsl(56, 58%, 58%)
HSB
hsb(56, 60%, 82%)
CMYK
cmyk(0%, 4%, 60%, 18%)
Oklch
oklch(82.1% 0.138 104.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B2EF60

Willow Green · GreenYellow · Apple Green

HEX
#B2EF60
RGB
rgb(178, 239, 96)
HSL
hsl(86, 82%, 66%)
HSB
hsb(86, 60%, 94%)
CMYK
cmyk(26%, 0%, 60%, 6%)
Oklch
oklch(88.2% 0.183 129.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B35984
5BB389

Analogous

B35BB2
B35984
B35C5B

Triadic

B35984
86B35B
5B86B3

Split-Comp.

B35984
5BB35C
5BB2B3

Tetradic

B35984
B2B35B
5BB389
5C5BB3

Contrast Matrix WCAG 2.1 Contrast

B35984
F28149
F2A349
D2C954
B2EF60
—
1.7
Fail
2.2
Fail
2.6
Fail
3.3
AA Large
1.7
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
2.2
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.6
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
3.3
AA Large
1.9
Fail
1.5
Fail
1.3
Fail
—
White BG
4.5AA Large
2.6Fail
2.1Fail
1.7Fail
1.4Fail
Black BG
4.7AA
8.0AAA
10.1AAA
12.2AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B7A
C1C057
D0CF5F
CECE70
CCCD83

Deuteranopia

919877
C8D05A
D4DA64
CFCF77
C9C48B

Tritanopia

AE7170
EC6164
EE7074
D2878C
B59EA4

Achromatopsia

797979
9C9C9C
B0B0B0
BEBEBE
CCCCCC

Shades & Tints Shades & Tints

#B35984

Dark
Light

#F28149

Dark
Light

#F2A349

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b35984;
  --color-2: #f28149;
  --color-3: #f2a349;
  --color-4: #d2c954;
  --color-5: #b2ef60;
}

SCSS

$color-1: #b35984;
$color-2: #f28149;
$color-3: #f2a349;
$color-4: #d2c954;
$color-5: #b2ef60;

TAILWIND

colors: {
  'brand-1': '#b35984',
  'brand-2': '#f28149',
  'brand-3': '#f2a349',
  'brand-4': '#d2c954',
  'brand-5': '#b2ef60',
}

RGB Array

[179, 89, 132], [242, 129, 73], [242, 163, 73], [210, 201, 84], [178, 239, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B35984, #F28149, #F2A349, #D2C954, #B2EF60 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: #b35984; --color-2: #f28149; --color-3: #f2a349; --color-4: #d2c954; --color-5: #b2ef60. 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