#90859D + #F45885 + #E99486 + #E0C48E + #DADDC4 · 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

#90859D

Deep Indigo · LightSlateGray · Violet

HEX

#90859D

RGB

rgb(144, 133, 157)

HSL

hsl(267, 11%, 57%)

HSB

hsb(267, 15%, 62%)

CMYK

cmyk(8%, 15%, 0%, 38%)

Oklch

oklch(63.4% 0.038 306.0)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#F45885

Rouge · LightCoral · Rose Pink

HEX

#F45885

RGB

rgb(244, 88, 133)

HSL

hsl(343, 88%, 65%)

HSB

hsb(343, 64%, 96%)

CMYK

cmyk(0%, 64%, 45%, 4%)

Oklch

oklch(67.8% 0.193 6.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E99486

Peach Pink · DarkSalmon · Coral Red

HEX

#E99486

RGB

rgb(233, 148, 134)

HSL

hsl(8, 69%, 72%)

HSB

hsb(8, 42%, 91%)

CMYK

cmyk(0%, 36%, 42%, 9%)

Oklch

oklch(75.0% 0.106 29.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E0C48E

Goose Yellow · BurlyWood · Sunflower

HEX

#E0C48E

RGB

rgb(224, 196, 142)

HSL

hsl(40, 57%, 72%)

HSB

hsb(40, 37%, 88%)

CMYK

cmyk(0%, 12%, 37%, 12%)

Oklch

oklch(83.1% 0.077 83.5)

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

#DADDC4

Fresh Green · LightGray · Lemon Cream

HEX

#DADDC4

RGB

rgb(218, 221, 196)

HSL

hsl(67, 27%, 82%)

HSB

hsb(67, 11%, 87%)

CMYK

cmyk(1%, 0%, 11%, 13%)

Oklch

oklch(88.9% 0.034 112.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90859D

939D85

Analogous

85869D

90859D

9C859D

Triadic

90859D

9D9085

859D90

Split-Comp.

90859D

9D9C85

869D85

Tetradic

90859D

9D8586

939D85

859D9C

Contrast Matrix WCAG 2.1 Contrast

90859D	F45885	E99486	E0C48E	DADDC4
—	1.1 Fail	1.5 Fail	2.1 Fail	2.5 Fail
1.1 Fail	—	1.4 Fail	1.9 Fail	2.3 Fail
1.5 Fail	1.4 Fail	—	1.4 Fail	1.7 Fail
2.1 Fail	1.9 Fail	1.4 Fail	—	1.2 Fail
2.5 Fail	2.3 Fail	1.7 Fail	1.2 Fail	—

White BG

3.5AA Large

3.2AA Large

2.3Fail

1.7Fail

1.4Fail

Black BG

6.0AA

6.6AA

9.0AAA

12.5AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B97

B0AF7A

C4C389

D4D49B

DBDBCA

Deuteranopia

8C8D96

BAC578

C9D08A

D6D89E

DBDBCC

Tritanopia

8F9392

EC7270

E58C8D

DFA5A8

DACFD0

Achromatopsia

8B8B8B

8C8C8C

ACACAC

C6C6C6

D9D9D9

Shades & Tints Shades & Tints

#90859D

Dark

Light

#F45885

Dark

Light

#E99486

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90859d;
  --color-2: #f45885;
  --color-3: #e99486;
  --color-4: #e0c48e;
  --color-5: #daddc4;
}

SCSS

$color-1: #90859d;
$color-2: #f45885;
$color-3: #e99486;
$color-4: #e0c48e;
$color-5: #daddc4;

TAILWIND

colors: {
  'brand-1': '#90859d',
  'brand-2': '#f45885',
  'brand-3': '#e99486',
  'brand-4': '#e0c48e',
  'brand-5': '#daddc4',
}

RGB Array

[144, 133, 157], [244, 88, 133], [233, 148, 134], [224, 196, 142], [218, 221, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #90859D, #F45885, #E99486, #E0C48E, #DADDC4 is ideal for: health products, baby brands, fresh-style blogs. 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: #90859d; --color-2: #f45885; --color-3: #e99486; --color-4: #e0c48e; --color-5: #daddc4. 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. 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