← Back to Editor

#95D6EC · #FFD99F · #93B699 · #FFB78A · #FFE1B4

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 App

Color Details Color Details

#95D6EC

Sky Blue · SkyBlue · Lake Green

HEX
#95D6EC
RGB
rgb(149, 214, 236)
HSL
hsl(195, 70%, 75%)
HSB
hsb(195, 37%, 93%)
CMYK
cmyk(37%, 9%, 0%, 7%)
Oklch
oklch(84.0% 0.072 221.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FFD99F

Goose Yellow · Wheat · Peach Orange

HEX
#FFD99F
RGB
rgb(255, 217, 159)
HSL
hsl(36, 100%, 81%)
HSB
hsb(36, 38%, 100%)
CMYK
cmyk(0%, 15%, 38%, 0%)
Oklch
oklch(90.4% 0.085 77.9)

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

#93B699

Celadon · DarkSeaGreen · Apple Green

HEX
#93B699
RGB
rgb(147, 182, 153)
HSL
hsl(130, 19%, 65%)
HSB
hsb(130, 19%, 71%)
CMYK
cmyk(19%, 0%, 16%, 29%)
Oklch
oklch(74.2% 0.056 149.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FFB78A

Apricot · LightSalmon · Peach Orange

HEX
#FFB78A
RGB
rgb(255, 183, 138)
HSL
hsl(23, 100%, 77%)
HSB
hsb(23, 46%, 100%)
CMYK
cmyk(0%, 28%, 46%, 0%)
Oklch
oklch(83.7% 0.103 52.9)

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

#FFE1B4

Goose Yellow · Wheat · Peach Orange

HEX
#FFE1B4
RGB
rgb(255, 225, 180)
HSL
hsl(36, 100%, 85%)
HSB
hsb(36, 29%, 100%)
CMYK
cmyk(0%, 12%, 29%, 0%)
Oklch
oklch(92.4% 0.067 77.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95D6EC
ECA993

Analogous

93ECD6
95D6EC
93A9EC

Triadic

95D6EC
EC93D6
D6EC93

Split-Comp.

95D6EC
EC93A9
ECD693

Tetradic

95D6EC
D693EC
ECA993
A9EC93

Contrast Matrix WCAG 2.1 Contrast

95D6EC
FFD99F
93B699
FFB78A
FFE1B4
—
1.2
Fail
1.4
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.7
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
1.3
Fail
1.8
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.1
Fail
1.8
Fail
1.3
Fail
—
White BG
1.6Fail
1.3Fail
2.2Fail
1.7Fail
1.3Fail
Black BG
13.1AAA
15.7AAA
9.4AAA
12.4AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B2E7
EFEEAD
A2A2A0
E0DF95
F2F2BF

Deuteranopia

ADA9E5
F1F4B0
A09EA2
E4E998
F4F6C2

Tritanopia

98E2E2
FDB8BB
95A6A7
FB9D9F
FEC7C9

Achromatopsia

C5C5C5
DEDEDE
A8A8A8
C7C7C7
E5E5E5

Shades & Tints Shades & Tints

#95D6EC

Dark
Light

#FFD99F

Dark
Light

#93B699

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95d6ec;
  --color-2: #ffd99f;
  --color-3: #93b699;
  --color-4: #ffb78a;
  --color-5: #ffe1b4;
}

SCSS

$color-1: #95d6ec;
$color-2: #ffd99f;
$color-3: #93b699;
$color-4: #ffb78a;
$color-5: #ffe1b4;

TAILWIND

colors: {
  'brand-1': '#95d6ec',
  'brand-2': '#ffd99f',
  'brand-3': '#93b699',
  'brand-4': '#ffb78a',
  'brand-5': '#ffe1b4',
}

RGB Array

[149, 214, 236], [255, 217, 159], [147, 182, 153], [255, 183, 138], [255, 225, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95D6EC, #FFD99F, #93B699, #FFB78A, #FFE1B4 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: #95d6ec; --color-2: #ffd99f; --color-3: #93b699; --color-4: #ffb78a; --color-5: #ffe1b4. 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 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