← Back to Editor

#00021A · #0A1D48 · #182B78 · #70436A · #E1B76B

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

#00021A

Indigo · Black · Deep Sea Blue

HEX
#00021A
RGB
rgb(0, 2, 26)
HSL
hsl(235, 100%, 5%)
HSB
hsb(235, 100%, 10%)
CMYK
cmyk(100%, 92%, 0%, 90%)
Oklch
oklch(11.1% 0.060 263.6)

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

#0A1D48

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0A1D48
RGB
rgb(10, 29, 72)
HSL
hsl(222, 76%, 16%)
HSB
hsb(222, 86%, 28%)
CMYK
cmyk(86%, 60%, 0%, 72%)
Oklch
oklch(24.5% 0.084 263.5)

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

#182B78

Indigo · MidnightBlue · Prussian Blue

HEX
#182B78
RGB
rgb(24, 43, 120)
HSL
hsl(228, 67%, 28%)
HSB
hsb(228, 80%, 47%)
CMYK
cmyk(80%, 64%, 0%, 53%)
Oklch
oklch(32.9% 0.133 267.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#70436A

Rose Purple · DimGray · Eggplant

HEX
#70436A
RGB
rgb(112, 67, 106)
HSL
hsl(308, 25%, 35%)
HSB
hsb(308, 40%, 44%)
CMYK
cmyk(0%, 40%, 5%, 56%)
Oklch
oklch(45.0% 0.084 331.8)

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

#E1B76B

Ginger · BurlyWood · Warm Sun

HEX
#E1B76B
RGB
rgb(225, 183, 107)
HSL
hsl(39, 66%, 65%)
HSB
hsb(39, 52%, 88%)
CMYK
cmyk(0%, 19%, 52%, 12%)
Oklch
oklch(80.1% 0.106 81.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00021A
1A1700

Analogous

000F1A
00021A
0B001A

Triadic

00021A
1A0002
021A00

Split-Comp.

00021A
1A0B00
0F1A00

Tetradic

00021A
1A000F
1A1700
001A0B

Contrast Matrix WCAG 2.1 Contrast

00021A
0A1D48
182B78
70436A
E1B76B
—
1.3
Fail
1.6
Fail
2.6
Fail
10.9
AAA
1.3
Fail
—
1.3
Fail
2.1
Fail
8.7
AAA
1.6
Fail
1.3
Fail
—
1.6
Fail
6.8
AA
2.6
Fail
2.1
Fail
1.6
Fail
—
4.1
AA Large
10.9
AAA
8.7
AAA
6.8
AA
4.1
AA Large
—
White BG
20.5AAA
16.4AAA
12.7AAA
7.8AAA
1.9Fail
Black BG
1.0Fail
1.3Fail
1.7Fail
2.7Fail
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010114
12123E
202065
5D5C61
CFCE7D

Deuteranopia

010113
11103B
1F1E61
5F625E
D1D482

Tritanopia

00100F
0B3534
195753
6E5957
DF8C8F

Achromatopsia

040404
1C1C1C
2E2E2E
555555
BBBBBB

Shades & Tints Shades & Tints

#00021A

Dark
Light

#0A1D48

Dark
Light

#182B78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00021a;
  --color-2: #0a1d48;
  --color-3: #182b78;
  --color-4: #70436a;
  --color-5: #e1b76b;
}

SCSS

$color-1: #00021a;
$color-2: #0a1d48;
$color-3: #182b78;
$color-4: #70436a;
$color-5: #e1b76b;

TAILWIND

colors: {
  'brand-1': '#00021a',
  'brand-2': '#0a1d48',
  'brand-3': '#182b78',
  'brand-4': '#70436a',
  'brand-5': '#e1b76b',
}

RGB Array

[0, 2, 26], [10, 29, 72], [24, 43, 120], [112, 67, 106], [225, 183, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00021A, #0A1D48, #182B78, #70436A, #E1B76B 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: #00021a; --color-2: #0a1d48; --color-3: #182b78; --color-4: #70436a; --color-5: #e1b76b. 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