← Back to Editor

#2E5A6B · #48A39F · #A3CCBC · #FCDFB8 · #FF9354

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

#2E5A6B

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2E5A6B
RGB
rgb(46, 90, 107)
HSL
hsl(197, 40%, 30%)
HSB
hsb(197, 57%, 42%)
CMYK
cmyk(57%, 16%, 0%, 58%)
Oklch
oklch(44.3% 0.056 225.4)

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

#48A39F

Mineral Blue · CadetBlue · Mint Ice

HEX
#48A39F
RGB
rgb(72, 163, 159)
HSL
hsl(177, 39%, 46%)
HSB
hsb(177, 56%, 64%)
CMYK
cmyk(56%, 0%, 2%, 36%)
Oklch
oklch(66.0% 0.087 191.3)

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

#A3CCBC

Jade · Silver · Apple Green

HEX
#A3CCBC
RGB
rgb(163, 204, 188)
HSL
hsl(157, 29%, 72%)
HSB
hsb(157, 20%, 80%)
CMYK
cmyk(20%, 0%, 8%, 20%)
Oklch
oklch(81.1% 0.049 169.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FCDFB8

Goose Yellow · Wheat · Peach Orange

HEX
#FCDFB8
RGB
rgb(252, 223, 184)
HSL
hsl(34, 92%, 85%)
HSB
hsb(34, 27%, 99%)
CMYK
cmyk(0%, 12%, 27%, 1%)
Oklch
oklch(91.8% 0.060 75.1)

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

#FF9354

Apricot · Coral · Warm Sun

HEX
#FF9354
RGB
rgb(255, 147, 84)
HSL
hsl(22, 100%, 66%)
HSB
hsb(22, 67%, 100%)
CMYK
cmyk(0%, 42%, 67%, 0%)
Oklch
oklch(76.7% 0.152 49.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E5A6B
6B3F2E

Analogous

2E6B5E
2E5A6B
2E3B6B

Triadic

2E5A6B
6B2E5A
5A6B2E

Split-Comp.

2E5A6B
6B2E3B
6B5E2E

Tetradic

2E5A6B
5E2E6B
6B3F2E
3B6B2E

Contrast Matrix WCAG 2.1 Contrast

2E5A6B
48A39F
A3CCBC
FCDFB8
FF9354
—
2.5
Fail
4.3
AA Large
5.9
AA
3.4
AA Large
2.5
Fail
—
1.7
Fail
2.3
Fail
1.4
Fail
4.3
AA Large
1.7
Fail
—
1.4
Fail
1.2
Fail
5.9
AA
2.3
Fail
1.4
Fail
—
1.7
Fail
3.4
AA Large
1.4
Fail
1.2
Fail
1.7
Fail
—
White BG
7.5AAA
3.0Fail
1.8Fail
1.3Fail
2.2Fail
Black BG
2.8Fail
7.0AAA
11.9AAA
16.4AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414167
6F70A0
B5B5C0
EFEFC1
D0CF63

Deuteranopia

3F3B66
6A63A0
B2AFC1
F1F3C4
D7DF67

Tritanopia

306463
4DA1A1
A5C3C4
FBC9CB
FA6F72

Achromatopsia

4F4F4F
878787
BEBEBE
E3E3E3
ACACAC

Shades & Tints Shades & Tints

#2E5A6B

Dark
Light

#48A39F

Dark
Light

#A3CCBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e5a6b;
  --color-2: #48a39f;
  --color-3: #a3ccbc;
  --color-4: #fcdfb8;
  --color-5: #ff9354;
}

SCSS

$color-1: #2e5a6b;
$color-2: #48a39f;
$color-3: #a3ccbc;
$color-4: #fcdfb8;
$color-5: #ff9354;

TAILWIND

colors: {
  'brand-1': '#2e5a6b',
  'brand-2': '#48a39f',
  'brand-3': '#a3ccbc',
  'brand-4': '#fcdfb8',
  'brand-5': '#ff9354',
}

RGB Array

[46, 90, 107], [72, 163, 159], [163, 204, 188], [252, 223, 184], [255, 147, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #2E5A6B, #48A39F, #A3CCBC, #FCDFB8, #FF9354 is ideal for: 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: #2e5a6b; --color-2: #48a39f; --color-3: #a3ccbc; --color-4: #fcdfb8; --color-5: #ff9354. 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. 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