← Back to Editor

#6EA1A2 · #B5DDD5 · #FFFFFF · #F3B550 · #DF6349

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

#6EA1A2

Slate Blue · CadetBlue · Lake Green

HEX
#6EA1A2
RGB
rgb(110, 161, 162)
HSL
hsl(181, 22%, 53%)
HSB
hsb(181, 32%, 64%)
CMYK
cmyk(32%, 1%, 0%, 36%)
Oklch
oklch(67.4% 0.054 197.5)

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

#B5DDD5

Jade · LightBlue · Glacier Blue

HEX
#B5DDD5
RGB
rgb(181, 221, 213)
HSL
hsl(168, 37%, 79%)
HSB
hsb(168, 18%, 87%)
CMYK
cmyk(18%, 0%, 4%, 13%)
Oklch
oklch(86.7% 0.043 181.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#F3B550

Ginger · SandyBrown · Warm Sun

HEX
#F3B550
RGB
rgb(243, 181, 80)
HSL
hsl(37, 87%, 63%)
HSB
hsb(37, 67%, 95%)
CMYK
cmyk(0%, 26%, 67%, 5%)
Oklch
oklch(81.2% 0.136 76.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#DF6349

Vermilion · Tomato · Passion Red

HEX
#DF6349
RGB
rgb(223, 99, 73)
HSL
hsl(10, 70%, 58%)
HSB
hsb(10, 67%, 87%)
CMYK
cmyk(0%, 56%, 67%, 13%)
Oklch
oklch(64.8% 0.161 33.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EA1A2
A26E6D

Analogous

6DA288
6EA1A2
6D86A2

Triadic

6EA1A2
A26DA1
A1A26D

Split-Comp.

6EA1A2
A26D86
A2886D

Tetradic

6EA1A2
886DA2
A26E6D
86A26D

Contrast Matrix WCAG 2.1 Contrast

6EA1A2
B5DDD5
FFFFFF
F3B550
DF6349
—
2.0
Fail
2.9
Fail
1.6
Fail
1.2
Fail
2.0
Fail
—
1.5
Fail
1.2
Fail
2.4
Fail
2.9
Fail
1.5
Fail
—
1.8
Fail
3.5
AA Large
1.6
Fail
1.2
Fail
1.8
Fail
—
1.9
Fail
1.2
Fail
2.4
Fail
3.5
AA Large
1.9
Fail
—
White BG
2.9Fail
1.5Fail
1.0Fail
1.8Fail
3.5AA Large
Black BG
7.3AAA
14.3AAA
21.0AAA
11.5AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8485A2
C6C7D7
FFFFFF
D8D868
A9A84F

Deuteranopia

817DA2
C4C1D7
FFFFFF
DCE06E
B1BA51

Tritanopia

71A2A2
B7D8D9
FFFFFF
F07C80
D95455

Achromatopsia

929292
D0D0D0
FFFFFF
BCBCBC
858585

Shades & Tints Shades & Tints

#6EA1A2

Dark
Light

#B5DDD5

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6ea1a2;
  --color-2: #b5ddd5;
  --color-3: #ffffff;
  --color-4: #f3b550;
  --color-5: #df6349;
}

SCSS

$color-1: #6ea1a2;
$color-2: #b5ddd5;
$color-3: #ffffff;
$color-4: #f3b550;
$color-5: #df6349;

TAILWIND

colors: {
  'brand-1': '#6ea1a2',
  'brand-2': '#b5ddd5',
  'brand-3': '#ffffff',
  'brand-4': '#f3b550',
  'brand-5': '#df6349',
}

RGB Array

[110, 161, 162], [181, 221, 213], [255, 255, 255], [243, 181, 80], [223, 99, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6EA1A2, #B5DDD5, #FFFFFF, #F3B550, #DF6349 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: #6ea1a2; --color-2: #b5ddd5; --color-3: #ffffff; --color-4: #f3b550; --color-5: #df6349. 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 pastel-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