← Back to Editor

#46BDA8 · #EBD766 · #EA9924 · #E5741E · #66322C

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 PostIllustration

Color Details Color Details

#46BDA8

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#46BDA8
RGB
rgb(70, 189, 168)
HSL
hsl(169, 47%, 51%)
HSB
hsb(169, 63%, 74%)
CMYK
cmyk(63%, 0%, 11%, 26%)
Oklch
oklch(72.6% 0.110 179.2)

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

#EBD766

Fresh Green · Khaki · Sunflower

HEX
#EBD766
RGB
rgb(235, 215, 102)
HSL
hsl(51, 77%, 66%)
HSB
hsb(51, 57%, 92%)
CMYK
cmyk(0%, 9%, 57%, 8%)
Oklch
oklch(87.4% 0.135 99.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EA9924

Ginger · GoldenRod · Warm Sun

HEX
#EA9924
RGB
rgb(234, 153, 36)
HSL
hsl(35, 82%, 53%)
HSB
hsb(35, 85%, 92%)
CMYK
cmyk(0%, 35%, 85%, 8%)
Oklch
oklch(74.7% 0.153 69.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E5741E

Tangerine · Chocolate · Warm Sun

HEX
#E5741E
RGB
rgb(229, 116, 30)
HSL
hsl(26, 79%, 51%)
HSB
hsb(26, 87%, 90%)
CMYK
cmyk(0%, 49%, 87%, 10%)
Oklch
oklch(67.8% 0.166 51.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#66322C

Crimson · DarkOliveGreen · Wine Red

HEX
#66322C
RGB
rgb(102, 50, 44)
HSL
hsl(6, 40%, 29%)
HSB
hsb(6, 57%, 40%)
CMYK
cmyk(0%, 51%, 57%, 60%)
Oklch
oklch(38.4% 0.076 27.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

46BDA8
BD475D

Analogous

47BD6D
46BDA8
4798BD

Triadic

46BDA8
A747BD
BDA747

Split-Comp.

46BDA8
BD4798
BD6D47

Tetradic

46BDA8
6D47BD
BD475D
98BD47

Contrast Matrix WCAG 2.1 Contrast

46BDA8
EBD766
EA9924
E5741E
66322C
—
1.6
Fail
1.0
Fail
1.3
Fail
4.4
AA Large
1.6
Fail
—
1.6
Fail
2.1
Fail
7.0
AAA
1.0
Fail
1.6
Fail
—
1.3
Fail
4.4
AA Large
1.3
Fail
2.1
Fail
1.3
Fail
—
3.3
AA Large
4.4
AA Large
7.0
AAA
4.4
AA Large
3.3
AA Large
—
White BG
2.3Fail
1.5Fail
2.3Fail
3.1AA Large
10.2AAA
Black BG
9.1AAA
14.4AAA
9.1AAA
6.8AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7BAD
E2E281
C7C640
B4B333
4F4F2D

Deuteranopia

736AAE
E4E588
CCD247
BBC338
53562E

Tritanopia

4CB1B2
EA979C
E6575C
DF4347
632F2F

Achromatopsia

979797
D0D0D0
A4A4A4
8C8C8C
414141

Shades & Tints Shades & Tints

#46BDA8

Dark
Light

#EBD766

Dark
Light

#EA9924

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #46bda8;
  --color-2: #ebd766;
  --color-3: #ea9924;
  --color-4: #e5741e;
  --color-5: #66322c;
}

SCSS

$color-1: #46bda8;
$color-2: #ebd766;
$color-3: #ea9924;
$color-4: #e5741e;
$color-5: #66322c;

TAILWIND

colors: {
  'brand-1': '#46bda8',
  'brand-2': '#ebd766',
  'brand-3': '#ea9924',
  'brand-4': '#e5741e',
  'brand-5': '#66322c',
}

RGB Array

[70, 189, 168], [235, 215, 102], [234, 153, 36], [229, 116, 30], [102, 50, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #46BDA8, #EBD766, #EA9924, #E5741E, #66322C is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #46bda8; --color-2: #ebd766; --color-3: #ea9924; --color-4: #e5741e; --color-5: #66322c. 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 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