← Back to Editor

#96E8F0 · #EEE9C0 · #F7B914 · #F78938 · #423B58

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#96E8F0

Sky Blue · LightBlue · Glacier Blue

HEX
#96E8F0
RGB
rgb(150, 232, 240)
HSL
hsl(185, 75%, 76%)
HSB
hsb(185, 37%, 94%)
CMYK
cmyk(37%, 3%, 0%, 6%)
Oklch
oklch(88.1% 0.081 203.7)

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

#EEE9C0

Fresh Green · Bisque · Lemon Cream

HEX
#EEE9C0
RGB
rgb(238, 233, 192)
HSL
hsl(53, 58%, 84%)
HSB
hsb(53, 19%, 93%)
CMYK
cmyk(0%, 2%, 19%, 7%)
Oklch
oklch(92.8% 0.054 101.6)

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

#F7B914

Ginger · Orange · Sunflower

HEX
#F7B914
RGB
rgb(247, 185, 20)
HSL
hsl(44, 93%, 52%)
HSB
hsb(44, 92%, 97%)
CMYK
cmyk(0%, 25%, 92%, 3%)
Oklch
oklch(82.1% 0.166 83.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F78938

Tangerine · Coral · Warm Sun

HEX
#F78938
RGB
rgb(247, 137, 56)
HSL
hsl(25, 92%, 59%)
HSB
hsb(25, 77%, 97%)
CMYK
cmyk(0%, 45%, 77%, 3%)
Oklch
oklch(73.7% 0.162 53.0)

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

#423B58

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#423B58
RGB
rgb(66, 59, 88)
HSL
hsl(254, 20%, 29%)
HSB
hsb(254, 33%, 35%)
CMYK
cmyk(25%, 33%, 0%, 65%)
Oklch
oklch(37.2% 0.050 295.0)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96E8F0
F09C94

Analogous

94F0C9
96E8F0
94BAF0

Triadic

96E8F0
F094E8
E8F094

Split-Comp.

96E8F0
F094BA
F0C994

Tetradic

96E8F0
C994F0
F09C94
BAF094

Contrast Matrix WCAG 2.1 Contrast

96E8F0
EEE9C0
F7B914
F78938
423B58
—
1.1
Fail
1.3
Fail
1.8
Fail
7.6
AAA
1.1
Fail
—
1.4
Fail
2.0
Fail
8.5
AAA
1.3
Fail
1.4
Fail
—
1.4
Fail
6.0
AA
1.8
Fail
2.0
Fail
1.4
Fail
—
4.3
AA Large
7.6
AAA
8.5
AAA
6.0
AA
4.3
AA Large
—
White BG
1.4Fail
1.2Fail
1.8Fail
2.4Fail
10.5AAA
Black BG
15.1AAA
17.1AAA
11.9AAA
8.6AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAEE
ECECCA
DCDC3C
C7C64C
3F3F51

Deuteranopia

B5AFEE
ECEDCC
E0E446
CED650
3F404F

Tritanopia

9AEDEC
EED2D3
F45B62
F15B5E
424B4A

Achromatopsia

D0D0D0
E6E6E6
B9B9B9
A1A1A1
404040

Shades & Tints Shades & Tints

#96E8F0

Dark
Light

#EEE9C0

Dark
Light

#F7B914

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96e8f0;
  --color-2: #eee9c0;
  --color-3: #f7b914;
  --color-4: #f78938;
  --color-5: #423b58;
}

SCSS

$color-1: #96e8f0;
$color-2: #eee9c0;
$color-3: #f7b914;
$color-4: #f78938;
$color-5: #423b58;

TAILWIND

colors: {
  'brand-1': '#96e8f0',
  'brand-2': '#eee9c0',
  'brand-3': '#f7b914',
  'brand-4': '#f78938',
  'brand-5': '#423b58',
}

RGB Array

[150, 232, 240], [238, 233, 192], [247, 185, 20], [247, 137, 56], [66, 59, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #96E8F0, #EEE9C0, #F7B914, #F78938, #423B58 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #96e8f0; --color-2: #eee9c0; --color-3: #f7b914; --color-4: #f78938; --color-5: #423b58. 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 general-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