← Back to Editor

#081D27 · #003D58 · #F2D7CA · #810201 · #420001

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

#081D27

Lake Blue · Black · Peacock Green

HEX
#081D27
RGB
rgb(8, 29, 39)
HSL
hsl(199, 66%, 9%)
HSB
hsb(199, 79%, 15%)
CMYK
cmyk(79%, 26%, 0%, 85%)
Oklch
oklch(21.9% 0.033 231.6)

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

#003D58

Lake Blue · MidnightBlue · Peacock Green

HEX
#003D58
RGB
rgb(0, 61, 88)
HSL
hsl(198, 100%, 17%)
HSB
hsb(198, 100%, 35%)
CMYK
cmyk(100%, 31%, 0%, 65%)
Oklch
oklch(34.0% 0.073 235.4)

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

#F2D7CA

Apricot · Bisque · Peach Orange

HEX
#F2D7CA
RGB
rgb(242, 215, 202)
HSL
hsl(20, 61%, 87%)
HSB
hsb(20, 17%, 95%)
CMYK
cmyk(0%, 11%, 17%, 5%)
Oklch
oklch(89.8% 0.035 47.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#810201

Vermilion · Maroon · Wine Red

HEX
#810201
RGB
rgb(129, 2, 1)
HSL
hsl(0, 98%, 25%)
HSB
hsb(0, 99%, 51%)
CMYK
cmyk(0%, 98%, 99%, 49%)
Oklch
oklch(38.0% 0.154 29.3)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#420001

Vermilion · Maroon · Deep Berry

HEX
#420001
RGB
rgb(66, 0, 1)
HSL
hsl(359, 100%, 13%)
HSB
hsb(359, 100%, 26%)
CMYK
cmyk(0%, 100%, 98%, 74%)
Oklch
oklch(23.8% 0.097 28.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

081D27
261108

Analogous

082621
081D27
080D26

Triadic

081D27
26081D
1D2608

Split-Comp.

081D27
26080D
262108

Tetradic

081D27
210826
261108
0D2608

Contrast Matrix WCAG 2.1 Contrast

081D27
003D58
F2D7CA
810201
420001
—
1.5
Fail
12.6
AAA
1.6
Fail
1.0
Fail
1.5
Fail
—
8.5
AAA
1.1
Fail
1.5
Fail
12.6
AAA
8.5
AAA
—
7.9
AAA
12.5
AAA
1.6
Fail
1.1
Fail
7.9
AAA
—
1.6
Fail
1.0
Fail
1.5
Fail
12.5
AAA
1.6
Fail
—
White BG
17.3AAA
11.6AAA
1.4Fail
10.8AAA
17.0AAA
Black BG
1.2Fail
1.8Fail
15.3AAA
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

111125
1A1B51
E6E6CD
4A4901
252501

Deuteranopia

100E24
171250
E8EACE
515B01
292E01

Tritanopia

092322
034C4B
F1D0D0
7B0101
3F0101

Achromatopsia

181818
2E2E2E
DEDEDE
282828
141414

Shades & Tints Shades & Tints

#081D27

Dark
Light

#003D58

Dark
Light

#F2D7CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #081d27;
  --color-2: #003d58;
  --color-3: #f2d7ca;
  --color-4: #810201;
  --color-5: #420001;
}

SCSS

$color-1: #081d27;
$color-2: #003d58;
$color-3: #f2d7ca;
$color-4: #810201;
$color-5: #420001;

TAILWIND

colors: {
  'brand-1': '#081d27',
  'brand-2': '#003d58',
  'brand-3': '#f2d7ca',
  'brand-4': '#810201',
  'brand-5': '#420001',
}

RGB Array

[8, 29, 39], [0, 61, 88], [242, 215, 202], [129, 2, 1], [66, 0, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #081D27, #003D58, #F2D7CA, #810201, #420001 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: #081d27; --color-2: #003d58; --color-3: #f2d7ca; --color-4: #810201; --color-5: #420001. 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