← Back to Editor

#D44639 · #E3D69F · #1A736A · #08484D · #013140

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#D44639

Vermilion · Chocolate · Passion Red

HEX
#D44639
RGB
rgb(212, 70, 57)
HSL
hsl(5, 64%, 53%)
HSB
hsb(5, 73%, 83%)
CMYK
cmyk(0%, 67%, 73%, 17%)
Oklch
oklch(59.3% 0.181 28.9)

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

#E3D69F

Goose Yellow · Khaki · Lemon Cream

HEX
#E3D69F
RGB
rgb(227, 214, 159)
HSL
hsl(49, 55%, 76%)
HSB
hsb(49, 30%, 89%)
CMYK
cmyk(0%, 6%, 30%, 11%)
Oklch
oklch(87.3% 0.073 96.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#1A736A

Mineral Blue · Teal · Mint Ice

HEX
#1A736A
RGB
rgb(26, 115, 106)
HSL
hsl(174, 63%, 28%)
HSB
hsb(174, 77%, 45%)
CMYK
cmyk(77%, 0%, 8%, 55%)
Oklch
oklch(50.3% 0.081 184.8)

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

#08484D

Lake Blue · DarkSlateGray · Peacock Green

HEX
#08484D
RGB
rgb(8, 72, 77)
HSL
hsl(184, 81%, 17%)
HSB
hsb(184, 90%, 30%)
CMYK
cmyk(90%, 6%, 0%, 70%)
Oklch
oklch(36.7% 0.059 203.2)

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

#013140

Lake Blue · DarkSlateGray · Peacock Green

HEX
#013140
RGB
rgb(1, 49, 64)
HSL
hsl(194, 97%, 13%)
HSB
hsb(194, 98%, 25%)
CMYK
cmyk(98%, 23%, 0%, 75%)
Oklch
oklch(29.2% 0.054 225.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D44639
3AC7D4

Analogous

D43A7A
D44639
D4943A

Triadic

D44639
3AD447
473AD4

Split-Comp.

D44639
3AD494
3A7AD4

Tetradic

D44639
7AD43A
3AC7D4
943AD4

Contrast Matrix WCAG 2.1 Contrast

D44639
E3D69F
1A736A
08484D
013140
—
3.0
AA Large
1.3
Fail
2.3
Fail
3.1
AA Large
3.0
AA Large
—
3.9
AA Large
7.0
AAA
9.5
AAA
1.3
Fail
3.9
AA Large
—
1.8
Fail
2.4
Fail
2.3
Fail
7.0
AAA
1.8
Fail
—
1.3
Fail
3.1
AA Large
9.5
AAA
2.4
Fail
1.3
Fail
—
White BG
4.4AA Large
1.5Fail
5.7AA
10.3AAA
13.9AAA
Black BG
4.7AA
14.4AAA
3.7AA Large
2.0Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

97953C
DDDDAC
41416C
24244C
16163C

Deuteranopia

9FA93D
DEDFB0
3B356D
201B4C
130F3C

Tritanopia

CD3F3F
E2B7B9
1E6E6E
0B4B4B
033A39

Achromatopsia

6F6F6F
D4D4D4
575757
353535
242424

Shades & Tints Shades & Tints

#D44639

Dark
Light

#E3D69F

Dark
Light

#1A736A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d44639;
  --color-2: #e3d69f;
  --color-3: #1a736a;
  --color-4: #08484d;
  --color-5: #013140;
}

SCSS

$color-1: #d44639;
$color-2: #e3d69f;
$color-3: #1a736a;
$color-4: #08484d;
$color-5: #013140;

TAILWIND

colors: {
  'brand-1': '#d44639',
  'brand-2': '#e3d69f',
  'brand-3': '#1a736a',
  'brand-4': '#08484d',
  'brand-5': '#013140',
}

RGB Array

[212, 70, 57], [227, 214, 159], [26, 115, 106], [8, 72, 77], [1, 49, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #D44639, #E3D69F, #1A736A, #08484D, #013140 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: #d44639; --color-2: #e3d69f; --color-3: #1a736a; --color-4: #08484d; --color-5: #013140. 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 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