← Back to Editor

#96CBC2 · #075568 · #F4BAE6 · #BDBBB1 · #F8B09F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#96CBC2

Jade · LightSteelBlue · Lake Green

HEX
#96CBC2
RGB
rgb(150, 203, 194)
HSL
hsl(170, 34%, 69%)
HSB
hsb(170, 26%, 80%)
CMYK
cmyk(26%, 0%, 4%, 20%)
Oklch
oklch(80.3% 0.057 183.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#075568

Lake Blue · DarkSlateGray · Peacock Green

HEX
#075568
RGB
rgb(7, 85, 104)
HSL
hsl(192, 87%, 22%)
HSB
hsb(192, 93%, 41%)
CMYK
cmyk(93%, 18%, 0%, 59%)
Oklch
oklch(41.7% 0.074 220.4)

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

#F4BAE6

Mauve · Pink · Lavender

HEX
#F4BAE6
RGB
rgb(244, 186, 230)
HSL
hsl(314, 73%, 84%)
HSB
hsb(314, 24%, 96%)
CMYK
cmyk(0%, 24%, 6%, 4%)
Oklch
oklch(85.5% 0.087 335.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#BDBBB1

Fresh Green · Silver · Pearl Gray

HEX
#BDBBB1
RGB
rgb(189, 187, 177)
HSL
hsl(50, 8%, 72%)
HSB
hsb(50, 6%, 74%)
CMYK
cmyk(0%, 1%, 6%, 26%)
Oklch
oklch(79.1% 0.014 97.5)

Traditional「Fresh Green」· Paint「Pearl Gray」· Creative Silver Lining

#F8B09F

Peach Pink · LightPink · Coral Red

HEX
#F8B09F
RGB
rgb(248, 176, 159)
HSL
hsl(11, 86%, 80%)
HSB
hsb(11, 36%, 97%)
CMYK
cmyk(0%, 29%, 36%, 3%)
Oklch
oklch(82.1% 0.088 33.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

96CBC2
CB959E

Analogous

95CBA7
96CBC2
95B9CB

Triadic

96CBC2
C295CB
CBC295

Split-Comp.

96CBC2
CB95B9
CBA795

Tetradic

96CBC2
A795CB
CB959E
B9CB95

Contrast Matrix WCAG 2.1 Contrast

96CBC2
075568
F4BAE6
BDBBB1
F8B09F
—
4.6
AA
1.1
Fail
1.1
Fail
1.0
Fail
4.6
AA
—
5.2
AA
4.3
AA Large
4.7
AA
1.1
Fail
5.2
AA
—
1.2
Fail
1.1
Fail
1.1
Fail
4.3
AA Large
1.2
Fail
—
1.1
Fail
1.0
Fail
4.7
AA
1.1
Fail
1.1
Fail
—
White BG
1.8Fail
8.4AAA
1.6Fail
1.9Fail
1.8Fail
Black BG
11.6AAA
2.5Fail
13.0AAA
10.9AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADC4
292963
DBDADB
BCBCB3
D9D8A3

Deuteranopia

AAA6C5
241E62
DEE3D9
BCBCB4
DDE2A4

Tritanopia

99C6C6
0B605F
F1D3D1
BDB5B6
F4A6A7

Achromatopsia

BABABA
404040
D0D0D0
BABABA
C4C4C4

Shades & Tints Shades & Tints

#96CBC2

Dark
Light

#075568

Dark
Light

#F4BAE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #96cbc2;
  --color-2: #075568;
  --color-3: #f4bae6;
  --color-4: #bdbbb1;
  --color-5: #f8b09f;
}

SCSS

$color-1: #96cbc2;
$color-2: #075568;
$color-3: #f4bae6;
$color-4: #bdbbb1;
$color-5: #f8b09f;

TAILWIND

colors: {
  'brand-1': '#96cbc2',
  'brand-2': '#075568',
  'brand-3': '#f4bae6',
  'brand-4': '#bdbbb1',
  'brand-5': '#f8b09f',
}

RGB Array

[150, 203, 194], [7, 85, 104], [244, 186, 230], [189, 187, 177], [248, 176, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #96CBC2, #075568, #F4BAE6, #BDBBB1, #F8B09F is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #96cbc2; --color-2: #075568; --color-3: #f4bae6; --color-4: #bdbbb1; --color-5: #f8b09f. 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. 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 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