← Back to Editor

#37182A · #FC8600 · #00CCAE · #02A47F · #001C3A

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

#37182A

Rose Purple · DarkSlateGray · Raspberry

HEX
#37182A
RGB
rgb(55, 24, 42)
HSL
hsl(325, 39%, 15%)
HSB
hsb(325, 56%, 22%)
CMYK
cmyk(0%, 56%, 24%, 78%)
Oklch
oklch(26.1% 0.056 345.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#FC8600

Ochre · Orange · Amber Brown

HEX
#FC8600
RGB
rgb(252, 134, 0)
HSL
hsl(32, 100%, 49%)
HSB
hsb(32, 100%, 99%)
CMYK
cmyk(0%, 47%, 100%, 1%)
Oklch
oklch(73.7% 0.180 56.3)

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

#00CCAE

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00CCAE
RGB
rgb(0, 204, 174)
HSL
hsl(171, 100%, 40%)
HSB
hsb(171, 100%, 80%)
CMYK
cmyk(100%, 0%, 15%, 20%)
Oklch
oklch(75.6% 0.140 177.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#02A47F

Mineral Blue · Teal · Mint Ice

HEX
#02A47F
RGB
rgb(2, 164, 127)
HSL
hsl(166, 98%, 33%)
HSB
hsb(166, 99%, 64%)
CMYK
cmyk(99%, 0%, 23%, 36%)
Oklch
oklch(63.9% 0.127 169.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#001C3A

Indigo · MidnightBlue · Deep Sea Blue

HEX
#001C3A
RGB
rgb(0, 28, 58)
HSL
hsl(211, 100%, 11%)
HSB
hsb(211, 100%, 23%)
CMYK
cmyk(100%, 52%, 0%, 77%)
Oklch
oklch(22.5% 0.068 252.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

37182A
173524

Analogous

331735
37182A
35171A

Triadic

37182A
293517
172935

Split-Comp.

37182A
1A3517
173533

Tetradic

37182A
353317
173524
171A35

Contrast Matrix WCAG 2.1 Contrast

37182A
FC8600
00CCAE
02A47F
001C3A
—
6.4
AA
7.7
AAA
5.0
AA
1.1
Fail
6.4
AA
—
1.2
Fail
1.3
Fail
7.0
AA
7.7
AAA
1.2
Fail
—
1.5
Fail
8.4
AAA
5.0
AA
1.3
Fail
1.5
Fail
—
5.4
AA
1.1
Fail
7.0
AA
8.4
AAA
5.4
AA
—
White BG
15.8AAA
2.5Fail
2.0Fail
3.2AA Large
17.1AAA
Black BG
1.3Fail
8.5AAA
10.2AAA
6.6AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2926
C9C820
585AB5
484A88
0C0C33

Deuteranopia

2B2E25
D0D928
4D3DB7
3F338A
0B0831

Tritanopia

352221
F63A40
0ABBBC
0A8F91
012D2C

Achromatopsia

232323
9A9A9A
8C8C8C
6F6F6F
171717

Shades & Tints Shades & Tints

#37182A

Dark
Light

#FC8600

Dark
Light

#00CCAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #37182a;
  --color-2: #fc8600;
  --color-3: #00ccae;
  --color-4: #02a47f;
  --color-5: #001c3a;
}

SCSS

$color-1: #37182a;
$color-2: #fc8600;
$color-3: #00ccae;
$color-4: #02a47f;
$color-5: #001c3a;

TAILWIND

colors: {
  'brand-1': '#37182a',
  'brand-2': '#fc8600',
  'brand-3': '#00ccae',
  'brand-4': '#02a47f',
  'brand-5': '#001c3a',
}

RGB Array

[55, 24, 42], [252, 134, 0], [0, 204, 174], [2, 164, 127], [0, 28, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #37182A, #FC8600, #00CCAE, #02A47F, #001C3A 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: #37182a; --color-2: #fc8600; --color-3: #00ccae; --color-4: #02a47f; --color-5: #001c3a. 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