#94E8F2 + #1DCBD6 + #6481C7 + #8F5D90 + #715967 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#94E8F2

Sky Blue · SkyBlue · Glacier Blue

HEX

#94E8F2

RGB

rgb(148, 232, 242)

HSL

hsl(186, 78%, 76%)

HSB

hsb(186, 39%, 95%)

CMYK

cmyk(39%, 4%, 0%, 5%)

Oklch

oklch(88.1% 0.083 205.4)

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

#1DCBD6

Lake Blue · DarkTurquoise · Mint Ice

HEX

#1DCBD6

RGB

rgb(29, 203, 214)

HSL

hsl(184, 76%, 48%)

HSB

hsb(184, 86%, 84%)

CMYK

cmyk(86%, 5%, 0%, 16%)

Oklch

oklch(76.8% 0.127 202.0)

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

#6481C7

Azure · SteelBlue · Navy Blue

HEX

#6481C7

RGB

rgb(100, 129, 199)

HSL

hsl(222, 47%, 59%)

HSB

hsb(222, 50%, 78%)

CMYK

cmyk(50%, 35%, 0%, 22%)

Oklch

oklch(61.2% 0.112 266.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#8F5D90

Dark Plum · Gray · Violet

HEX

#8F5D90

RGB

rgb(143, 93, 144)

HSL

hsl(299, 22%, 46%)

HSB

hsb(299, 35%, 56%)

CMYK

cmyk(1%, 35%, 0%, 44%)

Oklch

oklch(55.1% 0.097 326.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#715967

Rose Purple · DimGray · Camellia

HEX

#715967

RGB

rgb(113, 89, 103)

HSL

hsl(325, 12%, 40%)

HSB

hsb(325, 21%, 44%)

CMYK

cmyk(0%, 21%, 9%, 56%)

Oklch

oklch(49.3% 0.038 342.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94E8F2

F29C92

Analogous

92F2CB

94E8F2

92B8F2

Triadic

94E8F2

F292E8

E8F292

Split-Comp.

94E8F2

F292B8

F2CB92

Tetradic

94E8F2

CB92F2

F29C92

B8F292

Contrast Matrix WCAG 2.1 Contrast

94E8F2	1DCBD6	6481C7	8F5D90	715967
—	1.4 Fail	2.7 Fail	3.6 AA Large	4.5 AA
1.4 Fail	—	1.9 Fail	2.6 Fail	3.2 AA Large
2.7 Fail	1.9 Fail	—	1.3 Fail	1.7 Fail
3.6 AA Large	2.6 Fail	1.3 Fail	—	1.2 Fail
4.5 AA	3.2 AA Large	1.7 Fail	1.2 Fail	—

White BG

1.4Fail

2.0Fail

3.8AA Large

5.1AA

6.3AA

Black BG

15.1AAA

10.6AAA

5.5AA

4.1AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9F0

686AD3

7171B6

797984

676664

Deuteranopia

B4ADEF

5E51D3

6F6DB2

7C8081

686A63

Tritanopia

98EEED

26D1D1

65A9A6

8D7A78

706160

Achromatopsia

D0D0D0

989898

808080

727272

626262

Shades & Tints Shades & Tints

#94E8F2

Dark

Light

#1DCBD6

Dark

Light

#6481C7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94e8f2;
  --color-2: #1dcbd6;
  --color-3: #6481c7;
  --color-4: #8f5d90;
  --color-5: #715967;
}

SCSS

$color-1: #94e8f2;
$color-2: #1dcbd6;
$color-3: #6481c7;
$color-4: #8f5d90;
$color-5: #715967;

TAILWIND

colors: {
  'brand-1': '#94e8f2',
  'brand-2': '#1dcbd6',
  'brand-3': '#6481c7',
  'brand-4': '#8f5d90',
  'brand-5': '#715967',
}

RGB Array

[148, 232, 242], [29, 203, 214], [100, 129, 199], [143, 93, 144], [113, 89, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #94E8F2, #1DCBD6, #6481C7, #8F5D90, #715967 is ideal for: corporate websites, product showcases, portfolios. 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: #94e8f2; --color-2: #1dcbd6; --color-3: #6481c7; --color-4: #8f5d90; --color-5: #715967. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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