← Back to Editor

#074C6B · #1A3078 · #1B185E · #010005 · #2C0B4D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#074C6B

Lake Blue · DarkSlateGray · Peacock Green

HEX
#074C6B
RGB
rgb(7, 76, 107)
HSL
hsl(199, 88%, 22%)
HSB
hsb(199, 93%, 42%)
CMYK
cmyk(93%, 29%, 0%, 58%)
Oklch
oklch(39.4% 0.081 235.4)

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

#1A3078

Indigo · MidnightBlue · Prussian Blue

HEX
#1A3078
RGB
rgb(26, 48, 120)
HSL
hsl(226, 64%, 29%)
HSB
hsb(226, 78%, 47%)
CMYK
cmyk(78%, 60%, 0%, 53%)
Oklch
oklch(34.0% 0.126 266.6)

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

#1B185E

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#1B185E
RGB
rgb(27, 24, 94)
HSL
hsl(243, 59%, 23%)
HSB
hsb(243, 74%, 37%)
CMYK
cmyk(71%, 74%, 0%, 63%)
Oklch
oklch(26.8% 0.120 276.5)

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

#010005

Deep Indigo · Black · Deep Sea Blue

HEX
#010005
RGB
rgb(1, 0, 5)
HSL
hsl(252, 100%, 1%)
HSB
hsb(252, 100%, 2%)
CMYK
cmyk(80%, 100%, 0%, 98%)
Oklch
oklch(6.0% 0.034 292.5)

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

#2C0B4D

Royal Purple · MidnightBlue · Dark Purple

HEX
#2C0B4D
RGB
rgb(44, 11, 77)
HSL
hsl(270, 75%, 17%)
HSB
hsb(270, 86%, 30%)
CMYK
cmyk(43%, 86%, 0%, 70%)
Oklch
oklch(25.0% 0.112 301.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

074C6B
692607

Analogous

076957
074C6B
071969

Triadic

074C6B
69074A
4A6907

Split-Comp.

074C6B
690719
695707

Tetradic

074C6B
570769
692607
196907

Contrast Matrix WCAG 2.1 Contrast

074C6B
1A3078
1B185E
010005
2C0B4D
—
1.3
Fail
1.7
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.4
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
2.2
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.3
Fail
—
White BG
9.3AAA
12.1AAA
15.7AAA
20.9AAA
16.6AAA
Black BG
2.3Fail
1.7Fail
1.3Fail
1.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

252563
242467
1A1A4D
010104
1E1D3D

Deuteranopia

211C62
222162
1A1A49
010104
202239

Tritanopia

0A5E5C
1B5956
1B403D
010303
2A302E

Achromatopsia

3B3B3B
323232
212121
010101
1C1C1C

Shades & Tints Shades & Tints

#074C6B

Dark
Light

#1A3078

Dark
Light

#1B185E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #074c6b;
  --color-2: #1a3078;
  --color-3: #1b185e;
  --color-4: #010005;
  --color-5: #2c0b4d;
}

SCSS

$color-1: #074c6b;
$color-2: #1a3078;
$color-3: #1b185e;
$color-4: #010005;
$color-5: #2c0b4d;

TAILWIND

colors: {
  'brand-1': '#074c6b',
  'brand-2': '#1a3078',
  'brand-3': '#1b185e',
  'brand-4': '#010005',
  'brand-5': '#2c0b4d',
}

RGB Array

[7, 76, 107], [26, 48, 120], [27, 24, 94], [1, 0, 5], [44, 11, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #074C6B, #1A3078, #1B185E, #010005, #2C0B4D 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: #074c6b; --color-2: #1a3078; --color-3: #1b185e; --color-4: #010005; --color-5: #2c0b4d. 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 pastel-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