← Back to Editor

#004040 · #F2AB00 · #BF6500 · #A64400 · #003C59

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

#004040

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004040
RGB
rgb(0, 64, 64)
HSL
hsl(180, 100%, 13%)
HSB
hsb(180, 100%, 25%)
CMYK
cmyk(100%, 0%, 0%, 75%)
Oklch
oklch(33.6% 0.057 194.8)

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

#F2AB00

Ochre · Orange · Honey Gold

HEX
#F2AB00
RGB
rgb(242, 171, 0)
HSL
hsl(42, 100%, 47%)
HSB
hsb(42, 100%, 95%)
CMYK
cmyk(0%, 29%, 100%, 5%)
Oklch
oklch(78.9% 0.164 78.7)

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

#BF6500

Ochre · DarkGoldenRod · Amber Brown

HEX
#BF6500
RGB
rgb(191, 101, 0)
HSL
hsl(32, 100%, 37%)
HSB
hsb(32, 100%, 75%)
CMYK
cmyk(0%, 47%, 100%, 25%)
Oklch
oklch(60.0% 0.145 56.9)

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

#A64400

Tangerine · Sienna · Amber Brown

HEX
#A64400
RGB
rgb(166, 68, 0)
HSL
hsl(25, 100%, 33%)
HSB
hsb(25, 100%, 65%)
CMYK
cmyk(0%, 59%, 100%, 35%)
Oklch
oklch(51.1% 0.145 45.6)

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

#003C59

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#003C59
RGB
rgb(0, 60, 89)
HSL
hsl(200, 100%, 17%)
HSB
hsb(200, 100%, 35%)
CMYK
cmyk(100%, 33%, 0%, 65%)
Oklch
oklch(33.8% 0.075 237.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

004040
420000

Analogous

004221
004040
002142

Triadic

004040
420042
424200

Split-Comp.

004040
420021
422100

Tetradic

004040
210042
420000
214200

Contrast Matrix WCAG 2.1 Contrast

004040
F2AB00
BF6500
A64400
003C59
—
5.9
AA
2.8
Fail
1.9
Fail
1.0
Fail
5.9
AA
—
2.1
Fail
3.1
AA Large
5.9
AA
2.8
Fail
2.1
Fail
—
1.5
Fail
2.8
Fail
1.9
Fail
3.1
AA Large
1.5
Fail
—
1.9
Fail
1.0
Fail
5.9
AA
2.8
Fail
1.9
Fail
—
White BG
11.6AAA
2.0Fail
4.1AA Large
6.1AA
11.7AAA
Black BG
1.8Fail
10.6AAA
5.1AA
3.4AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C40
D3D329
989718
7C7B10
1A1B52

Deuteranopia

181340
D7DD33
9DA41E
818914
171250

Tritanopia

034040
EE4A51
BB2C30
A11D20
034C4B

Achromatopsia

2D2D2D
ADADAD
747474
5A5A5A
2D2D2D

Shades & Tints Shades & Tints

#004040

Dark
Light

#F2AB00

Dark
Light

#BF6500

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #004040;
  --color-2: #f2ab00;
  --color-3: #bf6500;
  --color-4: #a64400;
  --color-5: #003c59;
}

SCSS

$color-1: #004040;
$color-2: #f2ab00;
$color-3: #bf6500;
$color-4: #a64400;
$color-5: #003c59;

TAILWIND

colors: {
  'brand-1': '#004040',
  'brand-2': '#f2ab00',
  'brand-3': '#bf6500',
  'brand-4': '#a64400',
  'brand-5': '#003c59',
}

RGB Array

[0, 64, 64], [242, 171, 0], [191, 101, 0], [166, 68, 0], [0, 60, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #004040, #F2AB00, #BF6500, #A64400, #003C59 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: #004040; --color-2: #f2ab00; --color-3: #bf6500; --color-4: #a64400; --color-5: #003c59. 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