← Back to Editor

#9498B0 · #F4ADF7 · #F7D6C1 · #F7E7C1 · #EBD081

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9498B0

Azure · DarkGray · Cobalt Blue

HEX
#9498B0
RGB
rgb(148, 152, 176)
HSL
hsl(231, 15%, 64%)
HSB
hsb(231, 16%, 69%)
CMYK
cmyk(16%, 14%, 0%, 31%)
Oklch
oklch(68.4% 0.035 277.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#F4ADF7

Lilac · Violet · Lavender

HEX
#F4ADF7
RGB
rgb(244, 173, 247)
HSL
hsl(298, 82%, 82%)
HSB
hsb(298, 30%, 97%)
CMYK
cmyk(1%, 30%, 0%, 3%)
Oklch
oklch(83.8% 0.126 325.3)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#F7D6C1

Apricot · Wheat · Peach Orange

HEX
#F7D6C1
RGB
rgb(247, 214, 193)
HSL
hsl(23, 77%, 86%)
HSB
hsb(23, 22%, 97%)
CMYK
cmyk(0%, 13%, 22%, 3%)
Oklch
oklch(89.8% 0.047 54.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7E7C1

Goose Yellow · Bisque · Lemon Cream

HEX
#F7E7C1
RGB
rgb(247, 231, 193)
HSL
hsl(42, 77%, 86%)
HSB
hsb(42, 22%, 97%)
CMYK
cmyk(0%, 6%, 22%, 3%)
Oklch
oklch(93.1% 0.053 87.9)

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

#EBD081

Goose Yellow · Khaki · Sunflower

HEX
#EBD081
RGB
rgb(235, 208, 129)
HSL
hsl(45, 73%, 71%)
HSB
hsb(45, 45%, 92%)
CMYK
cmyk(0%, 11%, 45%, 8%)
Oklch
oklch(86.3% 0.103 91.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9498B0
B1AD95

Analogous

95A7B1
9498B0
9F95B1

Triadic

9498B0
B1959A
9AB195

Split-Comp.

9498B0
B19F95
A7B195

Tetradic

9498B0
B195A7
B1AD95
95B19F

Contrast Matrix WCAG 2.1 Contrast

9498B0
F4ADF7
F7D6C1
F7E7C1
EBD081
—
1.6
Fail
2.1
Fail
2.3
Fail
1.9
Fail
1.6
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
2.1
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
2.3
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
2.8Fail
1.7Fail
1.4Fail
1.2Fail
1.5Fail
Black BG
7.4AAA
12.2AAA
15.3AAA
17.2AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9696AA
D5D5E5
E9E8C6
F0F0CA
DFDF94

Deuteranopia

9695A9
D9DFE1
EBEDC7
F1F2CC
E1E399

Tritanopia

94A6A5
F0D7D4
F5CACB
F6D1D3
EAA3A7

Achromatopsia

9A9A9A
CBCBCB
DDDDDD
E7E7E7
CFCFCF

Shades & Tints Shades & Tints

#9498B0

Dark
Light

#F4ADF7

Dark
Light

#F7D6C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9498b0;
  --color-2: #f4adf7;
  --color-3: #f7d6c1;
  --color-4: #f7e7c1;
  --color-5: #ebd081;
}

SCSS

$color-1: #9498b0;
$color-2: #f4adf7;
$color-3: #f7d6c1;
$color-4: #f7e7c1;
$color-5: #ebd081;

TAILWIND

colors: {
  'brand-1': '#9498b0',
  'brand-2': '#f4adf7',
  'brand-3': '#f7d6c1',
  'brand-4': '#f7e7c1',
  'brand-5': '#ebd081',
}

RGB Array

[148, 152, 176], [244, 173, 247], [247, 214, 193], [247, 231, 193], [235, 208, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #9498B0, #F4ADF7, #F7D6C1, #F7E7C1, #EBD081 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #9498b0; --color-2: #f4adf7; --color-3: #f7d6c1; --color-4: #f7e7c1; --color-5: #ebd081. 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 cool-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