← Back to Editor

#01504B · #593616 · #918049 · #B0A574 · #CFC392

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#01504B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#01504B
RGB
rgb(1, 80, 75)
HSL
hsl(176, 98%, 16%)
HSB
hsb(176, 99%, 31%)
CMYK
cmyk(99%, 0%, 6%, 69%)
Oklch
oklch(38.9% 0.067 187.5)

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

#593616

Tangerine · DarkOliveGreen · Cinnamon

HEX
#593616
RGB
rgb(89, 54, 22)
HSL
hsl(29, 60%, 22%)
HSB
hsb(29, 75%, 35%)
CMYK
cmyk(0%, 39%, 75%, 65%)
Oklch
oklch(36.9% 0.068 60.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#918049

Ochre · Sienna · Honey Gold

HEX
#918049
RGB
rgb(145, 128, 73)
HSL
hsl(46, 33%, 43%)
HSB
hsb(46, 50%, 57%)
CMYK
cmyk(0%, 12%, 50%, 43%)
Oklch
oklch(60.3% 0.077 92.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B0A574

Ginger · Tan · Sunflower

HEX
#B0A574
RGB
rgb(176, 165, 116)
HSL
hsl(49, 28%, 57%)
HSB
hsb(49, 34%, 69%)
CMYK
cmyk(0%, 6%, 34%, 31%)
Oklch
oklch(71.9% 0.067 97.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#CFC392

Ginger · Tan · Sunflower

HEX
#CFC392
RGB
rgb(207, 195, 146)
HSL
hsl(48, 39%, 69%)
HSB
hsb(48, 29%, 81%)
CMYK
cmyk(0%, 6%, 29%, 19%)
Oklch
oklch(81.5% 0.066 96.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01504B
510106

Analogous

015123
01504B
012E51

Triadic

01504B
4B0151
514B01

Split-Comp.

01504B
51012E
512301

Tetradic

01504B
230151
510106
2E5101

Contrast Matrix WCAG 2.1 Contrast

01504B
593616
918049
B0A574
CFC392
—
1.1
Fail
2.4
Fail
3.8
AA Large
5.3
AA
1.1
Fail
—
2.7
Fail
4.3
AA Large
6.0
AA
2.4
Fail
2.7
Fail
—
1.6
Fail
2.2
Fail
3.8
AA Large
4.3
AA Large
1.6
Fail
—
1.4
Fail
5.3
AA
6.0
AA
2.2
Fail
1.4
Fail
—
White BG
9.3AAA
10.7AAA
3.9AA Large
2.5Fail
1.8Fail
Black BG
2.3Fail
2.0Fail
5.4AA
8.5AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23244C
4A4A1E
8A8956
ABAB80
CACA9E

Deuteranopia

1F194D
4C4F20
8B8C5A
ACAD83
CBCBA1

Tritanopia

054D4D
572425
906163
AF898B
CEA7A9

Achromatopsia

383838
3D3D3D
7F7F7F
A3A3A3
C1C1C1

Shades & Tints Shades & Tints

#01504B

Dark
Light

#593616

Dark
Light

#918049

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01504b;
  --color-2: #593616;
  --color-3: #918049;
  --color-4: #b0a574;
  --color-5: #cfc392;
}

SCSS

$color-1: #01504b;
$color-2: #593616;
$color-3: #918049;
$color-4: #b0a574;
$color-5: #cfc392;

TAILWIND

colors: {
  'brand-1': '#01504b',
  'brand-2': '#593616',
  'brand-3': '#918049',
  'brand-4': '#b0a574',
  'brand-5': '#cfc392',
}

RGB Array

[1, 80, 75], [89, 54, 22], [145, 128, 73], [176, 165, 116], [207, 195, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #01504B, #593616, #918049, #B0A574, #CFC392 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #01504b; --color-2: #593616; --color-3: #918049; --color-4: #b0a574; --color-5: #cfc392. 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 tech, SaaS, healthcare, eco industries. 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