← Back to Editor

#052526 · #801111 · #BF7A19 · #B5AE7F · #215E51

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

#052526

Lake Blue · Black · Peacock Green

HEX
#052526
RGB
rgb(5, 37, 38)
HSL
hsl(182, 77%, 8%)
HSB
hsb(182, 87%, 15%)
CMYK
cmyk(87%, 3%, 0%, 85%)
Oklch
oklch(24.2% 0.037 198.0)

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

#801111

Vermilion · Maroon · Wine Red

HEX
#801111
RGB
rgb(128, 17, 17)
HSL
hsl(0, 77%, 28%)
HSB
hsb(0, 87%, 50%)
CMYK
cmyk(0%, 87%, 87%, 50%)
Oklch
oklch(38.7% 0.145 27.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#BF7A19

Ochre · DarkGoldenRod · Amber Brown

HEX
#BF7A19
RGB
rgb(191, 122, 25)
HSL
hsl(35, 77%, 42%)
HSB
hsb(35, 87%, 75%)
CMYK
cmyk(0%, 36%, 87%, 25%)
Oklch
oklch(63.8% 0.132 68.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B5AE7F

Autumn Sage · Tan · Sunflower

HEX
#B5AE7F
RGB
rgb(181, 174, 127)
HSL
hsl(52, 27%, 60%)
HSB
hsb(52, 30%, 71%)
CMYK
cmyk(0%, 4%, 30%, 29%)
Oklch
oklch(74.5% 0.064 100.6)

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

#215E51

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#215E51
RGB
rgb(33, 94, 81)
HSL
hsl(167, 48%, 25%)
HSB
hsb(167, 65%, 37%)
CMYK
cmyk(65%, 0%, 14%, 63%)
Oklch
oklch(43.9% 0.066 176.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

052526
240605

Analogous

052415
052526
051324

Triadic

052526
240523
232405

Split-Comp.

052526
240513
241505

Tetradic

052526
150524
240605
132405

Contrast Matrix WCAG 2.1 Contrast

052526
801111
BF7A19
B5AE7F
215E51
—
1.5
Fail
4.6
AA
7.2
AAA
2.1
Fail
1.5
Fail
—
3.0
Fail
4.6
AA
1.4
Fail
4.6
AA
3.0
Fail
—
1.6
Fail
2.2
Fail
7.2
AAA
4.6
AA
1.6
Fail
—
3.3
AA Large
2.1
Fail
1.4
Fail
2.2
Fail
3.3
AA Large
—
White BG
16.2AAA
10.5AAA
3.5AA Large
2.3Fail
7.5AAA
Black BG
1.3Fail
2.0Fail
6.0AA
9.3AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

131326
504F11
A1A130
B2B28A
3B3C54

Deuteranopia

110F26
565F11
A5AA36
B2B38D
383355

Tritanopia

072626
7A1111
BC4347
B59395
245757

Achromatopsia

1C1C1C
323232
848484
ABABAB
4A4A4A

Shades & Tints Shades & Tints

#052526

Dark
Light

#801111

Dark
Light

#BF7A19

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #052526;
  --color-2: #801111;
  --color-3: #bf7a19;
  --color-4: #b5ae7f;
  --color-5: #215e51;
}

SCSS

$color-1: #052526;
$color-2: #801111;
$color-3: #bf7a19;
$color-4: #b5ae7f;
$color-5: #215e51;

TAILWIND

colors: {
  'brand-1': '#052526',
  'brand-2': '#801111',
  'brand-3': '#bf7a19',
  'brand-4': '#b5ae7f',
  'brand-5': '#215e51',
}

RGB Array

[5, 37, 38], [128, 17, 17], [191, 122, 25], [181, 174, 127], [33, 94, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #052526, #801111, #BF7A19, #B5AE7F, #215E51 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: #052526; --color-2: #801111; --color-3: #bf7a19; --color-4: #b5ae7f; --color-5: #215e51. 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