← Back to Editor

#B59E8A · #9B9E1F · #FB6242 · #F524F8 · #052932

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

#B59E8A

Apricot · DarkGray · Warm Sun

HEX
#B59E8A
RGB
rgb(181, 158, 138)
HSL
hsl(28, 23%, 63%)
HSB
hsb(28, 24%, 71%)
CMYK
cmyk(0%, 13%, 24%, 29%)
Oklch
oklch(71.4% 0.039 63.2)

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

#9B9E1F

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9B9E1F
RGB
rgb(155, 158, 31)
HSL
hsl(61, 67%, 37%)
HSB
hsb(61, 80%, 62%)
CMYK
cmyk(2%, 0%, 80%, 38%)
Oklch
oklch(67.5% 0.139 111.0)

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

#FB6242

Peach Pink · Tomato · Coral Red

HEX
#FB6242
RGB
rgb(251, 98, 66)
HSL
hsl(10, 96%, 62%)
HSB
hsb(10, 74%, 98%)
CMYK
cmyk(0%, 61%, 74%, 2%)
Oklch
oklch(68.8% 0.193 33.5)

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

#F524F8

Royal Purple · Magenta · Violet

HEX
#F524F8
RGB
rgb(245, 36, 248)
HSL
hsl(299, 94%, 56%)
HSB
hsb(299, 85%, 97%)
CMYK
cmyk(1%, 85%, 0%, 3%)
Oklch
oklch(69.1% 0.304 327.6)

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

#052932

Lake Blue · DarkSlateGray · Peacock Green

HEX
#052932
RGB
rgb(5, 41, 50)
HSL
hsl(192, 82%, 11%)
HSB
hsb(192, 90%, 20%)
CMYK
cmyk(90%, 18%, 0%, 80%)
Oklch
oklch(26.1% 0.043 218.4)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B59E8A
8BA2B6

Analogous

B68B8C
B59E8A
B6B58B

Triadic

B59E8A
8BB69F
9F8BB6

Split-Comp.

B59E8A
8BB6B5
8B8CB6

Tetradic

B59E8A
8CB68B
8BA2B6
B58BB6

Contrast Matrix WCAG 2.1 Contrast

B59E8A
9B9E1F
FB6242
F524F8
052932
—
1.1
Fail
1.2
Fail
1.3
Fail
6.0
AA
1.1
Fail
—
1.1
Fail
1.1
Fail
5.3
AA
1.2
Fail
1.1
Fail
—
1.1
Fail
5.1
AA
1.3
Fail
1.1
Fail
1.1
Fail
—
4.7
AA
6.0
AA
5.3
AA
5.1
AA
4.7
AA
—
White BG
2.6Fail
2.9Fail
3.0AA Large
3.2AA Large
15.3AAA
Black BG
8.2AAA
7.3AAA
6.9AA
6.5AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAB8F
9C9C3E
B9B74A
9B99C5
151530

Deuteranopia

ACAE90
9C9C45
C2CD4C
A7B6B8
13102F

Tritanopia

B49394
9B565B
F35051
EB9C93
072E2E

Achromatopsia

A3A3A3
8F8F8F
8C8C8C
7B7B7B
1F1F1F

Shades & Tints Shades & Tints

#B59E8A

Dark
Light

#9B9E1F

Dark
Light

#FB6242

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b59e8a;
  --color-2: #9b9e1f;
  --color-3: #fb6242;
  --color-4: #f524f8;
  --color-5: #052932;
}

SCSS

$color-1: #b59e8a;
$color-2: #9b9e1f;
$color-3: #fb6242;
$color-4: #f524f8;
$color-5: #052932;

TAILWIND

colors: {
  'brand-1': '#b59e8a',
  'brand-2': '#9b9e1f',
  'brand-3': '#fb6242',
  'brand-4': '#f524f8',
  'brand-5': '#052932',
}

RGB Array

[181, 158, 138], [155, 158, 31], [251, 98, 66], [245, 36, 248], [5, 41, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B59E8A, #9B9E1F, #FB6242, #F524F8, #052932 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: #b59e8a; --color-2: #9b9e1f; --color-3: #fb6242; --color-4: #f524f8; --color-5: #052932. 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