← Back to Editor

#B0A94E · #0A3D3E · #7A2745 · #054E5F · #010334

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 App

Color Details Color Details

#B0A94E

Autumn Sage · GoldenRod · Honey Gold

HEX
#B0A94E
RGB
rgb(176, 169, 78)
HSL
hsl(56, 39%, 50%)
HSB
hsb(56, 56%, 69%)
CMYK
cmyk(0%, 4%, 56%, 31%)
Oklch
oklch(72.2% 0.113 104.9)

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

#0A3D3E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0A3D3E
RGB
rgb(10, 61, 62)
HSL
hsl(181, 72%, 14%)
HSB
hsb(181, 84%, 24%)
CMYK
cmyk(84%, 2%, 0%, 76%)
Oklch
oklch(32.9% 0.051 197.0)

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

#7A2745

Dark Violet · Brown · Camellia

HEX
#7A2745
RGB
rgb(122, 39, 69)
HSL
hsl(338, 52%, 32%)
HSB
hsb(338, 68%, 48%)
CMYK
cmyk(0%, 68%, 43%, 52%)
Oklch
oklch(40.7% 0.118 1.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#054E5F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#054E5F
RGB
rgb(5, 78, 95)
HSL
hsl(191, 90%, 20%)
HSB
hsb(191, 95%, 37%)
CMYK
cmyk(95%, 18%, 0%, 63%)
Oklch
oklch(39.3% 0.069 219.5)

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

#010334

Indigo · Black · Deep Sea Blue

HEX
#010334
RGB
rgb(1, 3, 52)
HSL
hsl(238, 96%, 10%)
HSB
hsb(238, 98%, 20%)
CMYK
cmyk(98%, 94%, 0%, 80%)
Oklch
oklch(15.7% 0.095 265.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0A94E
4E54B1

Analogous

B1794E
B0A94E
86B14E

Triadic

B0A94E
4EB1AB
AB4EB1

Split-Comp.

B0A94E
4E86B1
794EB1

Tetradic

B0A94E
4EB179
4E54B1
B14E86

Contrast Matrix WCAG 2.1 Contrast

B0A94E
0A3D3E
7A2745
054E5F
010334
—
4.9
AA
3.9
AA Large
3.8
AA Large
8.1
AAA
4.9
AA
—
1.3
Fail
1.3
Fail
1.6
Fail
3.9
AA Large
1.3
Fail
—
1.0
Fail
2.1
Fail
3.8
AA Large
1.3
Fail
1.0
Fail
—
2.1
Fail
8.1
AAA
1.6
Fail
2.1
Fail
2.1
Fail
—
White BG
2.4Fail
12.0AAA
9.5AAA
9.3AAA
19.7AAA
Black BG
8.6AAA
1.7Fail
2.2Fail
2.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD64
20213E
56553E
25255B
020228

Deuteranopia

ADAE69
1D193E
5B613C
201B5A
020225

Tritanopia

B07579
0D3E3E
763837
095857
011F1D

Achromatopsia

A1A1A1
2E2E2E
434343
3A3A3A
080808

Shades & Tints Shades & Tints

#B0A94E

Dark
Light

#0A3D3E

Dark
Light

#7A2745

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0a94e;
  --color-2: #0a3d3e;
  --color-3: #7a2745;
  --color-4: #054e5f;
  --color-5: #010334;
}

SCSS

$color-1: #b0a94e;
$color-2: #0a3d3e;
$color-3: #7a2745;
$color-4: #054e5f;
$color-5: #010334;

TAILWIND

colors: {
  'brand-1': '#b0a94e',
  'brand-2': '#0a3d3e',
  'brand-3': '#7a2745',
  'brand-4': '#054e5f',
  'brand-5': '#010334',
}

RGB Array

[176, 169, 78], [10, 61, 62], [122, 39, 69], [5, 78, 95], [1, 3, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0A94E, #0A3D3E, #7A2745, #054E5F, #010334 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #b0a94e; --color-2: #0a3d3e; --color-3: #7a2745; --color-4: #054e5f; --color-5: #010334. 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. 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