← Back to Editor

#030615 · #001A39 · #135670 · #267B78 · #94CDAD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#030615

Indigo · Black · Deep Sea Blue

HEX
#030615
RGB
rgb(3, 6, 21)
HSL
hsl(230, 75%, 5%)
HSB
hsb(230, 86%, 8%)
CMYK
cmyk(86%, 71%, 0%, 92%)
Oklch
oklch(12.8% 0.036 268.1)

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

#001A39

Indigo · MidnightBlue · Deep Sea Blue

HEX
#001A39
RGB
rgb(0, 26, 57)
HSL
hsl(213, 100%, 11%)
HSB
hsb(213, 100%, 22%)
CMYK
cmyk(100%, 54%, 0%, 78%)
Oklch
oklch(21.9% 0.069 253.7)

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

#135670

Lake Blue · DarkSlateGray · Mint Ice

HEX
#135670
RGB
rgb(19, 86, 112)
HSL
hsl(197, 71%, 26%)
HSB
hsb(197, 83%, 44%)
CMYK
cmyk(83%, 23%, 0%, 56%)
Oklch
oklch(42.6% 0.076 229.4)

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

#267B78

Mineral Blue · SeaGreen · Mint Ice

HEX
#267B78
RGB
rgb(38, 123, 120)
HSL
hsl(178, 53%, 32%)
HSB
hsb(178, 69%, 48%)
CMYK
cmyk(69%, 0%, 2%, 52%)
Oklch
oklch(53.3% 0.079 191.6)

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

#94CDAD

Celadon · DarkSeaGreen · Apple Green

HEX
#94CDAD
RGB
rgb(148, 205, 173)
HSL
hsl(146, 36%, 69%)
HSB
hsb(146, 28%, 80%)
CMYK
cmyk(28%, 0%, 16%, 20%)
Oklch
oklch(80.0% 0.074 159.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

030615
161303

Analogous

031016
030615
0A0316

Triadic

030615
160306
061603

Split-Comp.

030615
160A03
101603

Tetradic

030615
160310
161303
03160A

Contrast Matrix WCAG 2.1 Contrast

030615
001A39
135670
267B78
94CDAD
—
1.2
Fail
2.5
Fail
4.0
AA Large
11.1
AAA
1.2
Fail
—
2.1
Fail
3.5
AA Large
9.6
AAA
2.5
Fail
2.1
Fail
—
1.6
Fail
4.5
AA Large
4.0
AA Large
3.5
AA Large
1.6
Fail
—
2.8
Fail
11.1
AAA
9.6
AAA
4.5
AA Large
2.8
Fail
—
White BG
20.2AAA
17.4AAA
8.1AAA
5.0AA
1.8Fail
Black BG
1.0Fail
1.2Fail
2.6Fail
4.2AA Large
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040411
0B0B31
30316A
4B4C79
ADADB5

Deuteranopia

040411
0A0830
2C2768
464079
A9A5B7

Tritanopia

030F0E
012C2A
166564
2A7979
97BBBC

Achromatopsia

070707
161616
454545
616161
B8B8B8

Shades & Tints Shades & Tints

#030615

Dark
Light

#001A39

Dark
Light

#135670

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #030615;
  --color-2: #001a39;
  --color-3: #135670;
  --color-4: #267b78;
  --color-5: #94cdad;
}

SCSS

$color-1: #030615;
$color-2: #001a39;
$color-3: #135670;
$color-4: #267b78;
$color-5: #94cdad;

TAILWIND

colors: {
  'brand-1': '#030615',
  'brand-2': '#001a39',
  'brand-3': '#135670',
  'brand-4': '#267b78',
  'brand-5': '#94cdad',
}

RGB Array

[3, 6, 21], [0, 26, 57], [19, 86, 112], [38, 123, 120], [148, 205, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #030615, #001A39, #135670, #267B78, #94CDAD 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: #030615; --color-2: #001a39; --color-3: #135670; --color-4: #267b78; --color-5: #94cdad. 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