← Back to Editor

#041326 · #1A2540 · #3A3F59 · #FFC48A · #A3B38F

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#041326

Indigo · Black · Deep Sea Blue

HEX
#041326
RGB
rgb(4, 19, 38)
HSL
hsl(214, 81%, 8%)
HSB
hsb(214, 89%, 15%)
CMYK
cmyk(89%, 50%, 0%, 85%)
Oklch
oklch(18.5% 0.045 253.9)

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

#1A2540

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1A2540
RGB
rgb(26, 37, 64)
HSL
hsl(223, 42%, 18%)
HSB
hsb(223, 59%, 25%)
CMYK
cmyk(59%, 42%, 0%, 75%)
Oklch
oklch(26.9% 0.053 266.2)

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

#3A3F59

Indigo · DarkSlateGray · Prussian Blue

HEX
#3A3F59
RGB
rgb(58, 63, 89)
HSL
hsl(230, 21%, 29%)
HSB
hsb(230, 35%, 35%)
CMYK
cmyk(35%, 29%, 0%, 65%)
Oklch
oklch(37.4% 0.045 275.6)

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

#FFC48A

Goose Yellow · BurlyWood · Peach Orange

HEX
#FFC48A
RGB
rgb(255, 196, 138)
HSL
hsl(30, 100%, 77%)
HSB
hsb(30, 46%, 100%)
CMYK
cmyk(0%, 23%, 46%, 0%)
Oklch
oklch(86.1% 0.100 65.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A3B38F

Willow Green · DarkSeaGreen · Apple Green

HEX
#A3B38F
RGB
rgb(163, 179, 143)
HSL
hsl(87, 19%, 63%)
HSB
hsb(87, 20%, 70%)
CMYK
cmyk(9%, 0%, 20%, 30%)
Oklch
oklch(74.5% 0.053 127.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

041326
251704

Analogous

042325
041326
060425

Triadic

041326
250412
122504

Split-Comp.

041326
250604
232504

Tetradic

041326
250423
251704
042506

Contrast Matrix WCAG 2.1 Contrast

041326
1A2540
3A3F59
FFC48A
A3B38F
—
1.2
Fail
1.8
Fail
12.0
AAA
8.3
AAA
1.2
Fail
—
1.5
Fail
9.8
AAA
6.8
AA
1.8
Fail
1.5
Fail
—
6.6
AA
4.6
AA
12.0
AAA
9.8
AAA
6.6
AA
—
1.4
Fail
8.3
AAA
6.8
AA
4.6
AA
1.4
Fail
—
White BG
18.6AAA
15.2AAA
10.3AAA
1.6Fail
2.2Fail
Black BG
1.1Fail
1.4Fail
2.0Fail
13.5AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0B21
1F1F39
3C3C53
E5E598
AAAA98

Deuteranopia

0A0920
1E1D38
3C3B51
E9ED9B
A9A89A

Tritanopia

051E1D
1B3433
3A4E4D
FCA3A6
A49FA0

Achromatopsia

111111
252525
404040
CFCFCF
AAAAAA

Shades & Tints Shades & Tints

#041326

Dark
Light

#1A2540

Dark
Light

#3A3F59

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #041326;
  --color-2: #1a2540;
  --color-3: #3a3f59;
  --color-4: #ffc48a;
  --color-5: #a3b38f;
}

SCSS

$color-1: #041326;
$color-2: #1a2540;
$color-3: #3a3f59;
$color-4: #ffc48a;
$color-5: #a3b38f;

TAILWIND

colors: {
  'brand-1': '#041326',
  'brand-2': '#1a2540',
  'brand-3': '#3a3f59',
  'brand-4': '#ffc48a',
  'brand-5': '#a3b38f',
}

RGB Array

[4, 19, 38], [26, 37, 64], [58, 63, 89], [255, 196, 138], [163, 179, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #041326, #1A2540, #3A3F59, #FFC48A, #A3B38F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #041326; --color-2: #1a2540; --color-3: #3a3f59; --color-4: #ffc48a; --color-5: #a3b38f. 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 cool-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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