← Back to Editor

#070B15 · #D2CBE2 · #E4E4F9 · #C5C6D5 · #A4A2A8

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#070B15

Indigo · Black · Deep Sea Blue

HEX
#070B15
RGB
rgb(7, 11, 21)
HSL
hsl(223, 50%, 5%)
HSB
hsb(223, 67%, 8%)
CMYK
cmyk(67%, 48%, 0%, 92%)
Oklch
oklch(15.1% 0.023 265.9)

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

#D2CBE2

Wisteria · LightGray · Sky Blue

HEX
#D2CBE2
RGB
rgb(210, 203, 226)
HSL
hsl(258, 28%, 84%)
HSB
hsb(258, 10%, 89%)
CMYK
cmyk(7%, 10%, 0%, 11%)
Oklch
oklch(85.5% 0.032 299.6)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#E4E4F9

Wisteria · Lavender · Sky Blue

HEX
#E4E4F9
RGB
rgb(228, 228, 249)
HSL
hsl(240, 64%, 94%)
HSB
hsb(240, 8%, 98%)
CMYK
cmyk(8%, 8%, 0%, 2%)
Oklch
oklch(92.5% 0.028 285.8)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#C5C6D5

Azure · LightGray · Cobalt Blue

HEX
#C5C6D5
RGB
rgb(197, 198, 213)
HSL
hsl(236, 16%, 80%)
HSB
hsb(236, 8%, 84%)
CMYK
cmyk(8%, 7%, 0%, 16%)
Oklch
oklch(83.0% 0.021 282.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#A4A2A8

Ash · DarkGray · Silver Sand

HEX
#A4A2A8
RGB
rgb(164, 162, 168)
HSL
hsl(260, 3%, 65%)
HSB
hsb(260, 4%, 66%)
CMYK
cmyk(2%, 4%, 0%, 34%)
Oklch
oklch(71.6% 0.009 301.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

070B15
131006

Analogous

061013
070B15
090613

Triadic

070B15
13060A
0A1306

Split-Comp.

070B15
130906
101306

Tetradic

070B15
130610
131006
061309

Contrast Matrix WCAG 2.1 Contrast

070B15
D2CBE2
E4E4F9
C5C6D5
A4A2A8
—
12.5
AAA
15.7
AAA
11.6
AAA
7.8
AAA
12.5
AAA
—
1.3
Fail
1.1
Fail
1.6
Fail
15.7
AAA
1.3
Fail
—
1.4
Fail
2.0
Fail
11.6
AAA
1.1
Fail
1.4
Fail
—
1.5
Fail
7.8
AAA
1.6
Fail
2.0
Fail
1.5
Fail
—
White BG
19.7AAA
1.6Fail
1.3Fail
1.7Fail
2.5Fail
Black BG
1.1Fail
13.4AAA
16.8AAA
12.4AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090913
CFCFDC
E4E4F4
C5C5D1
A3A3A7

Deuteranopia

090812
CFD0DB
E4E4F3
C5C5D1
A3A3A6

Tritanopia

071110
D2D8D7
E4F0EF
C5CFCE
A4A5A5

Achromatopsia

0B0B0B
D0D0D0
E6E6E6
C7C7C7
A3A3A3

Shades & Tints Shades & Tints

#070B15

Dark
Light

#D2CBE2

Dark
Light

#E4E4F9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #070b15;
  --color-2: #d2cbe2;
  --color-3: #e4e4f9;
  --color-4: #c5c6d5;
  --color-5: #a4a2a8;
}

SCSS

$color-1: #070b15;
$color-2: #d2cbe2;
$color-3: #e4e4f9;
$color-4: #c5c6d5;
$color-5: #a4a2a8;

TAILWIND

colors: {
  'brand-1': '#070b15',
  'brand-2': '#d2cbe2',
  'brand-3': '#e4e4f9',
  'brand-4': '#c5c6d5',
  'brand-5': '#a4a2a8',
}

RGB Array

[7, 11, 21], [210, 203, 226], [228, 228, 249], [197, 198, 213], [164, 162, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #070B15, #D2CBE2, #E4E4F9, #C5C6D5, #A4A2A8 is ideal for: health products, baby brands, fresh-style blogs, 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: #070b15; --color-2: #d2cbe2; --color-3: #e4e4f9; --color-4: #c5c6d5; --color-5: #a4a2a8. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 warm-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