← Back to Editor

#FDFCBB · #8CE1D4 · #90CDCF · #93ADC1 · #6C6086

cool

A 5-color cool 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

#FDFCBB

Fresh Green · Bisque · Lemon Cream

HEX
#FDFCBB
RGB
rgb(253, 252, 187)
HSL
hsl(59, 94%, 86%)
HSB
hsb(59, 26%, 99%)
CMYK
cmyk(0%, 0%, 26%, 1%)
Oklch
oklch(97.7% 0.083 107.1)

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

#8CE1D4

Jade · SkyBlue · Lake Green

HEX
#8CE1D4
RGB
rgb(140, 225, 212)
HSL
hsl(171, 59%, 72%)
HSB
hsb(171, 38%, 88%)
CMYK
cmyk(38%, 0%, 6%, 12%)
Oklch
oklch(85.2% 0.085 183.5)

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

#90CDCF

Sky Blue · SkyBlue · Lake Green

HEX
#90CDCF
RGB
rgb(144, 205, 207)
HSL
hsl(182, 40%, 69%)
HSB
hsb(182, 30%, 81%)
CMYK
cmyk(30%, 1%, 0%, 19%)
Oklch
oklch(80.8% 0.062 198.6)

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

#93ADC1

Sky Blue · DarkGray · Cobalt Blue

HEX
#93ADC1
RGB
rgb(147, 173, 193)
HSL
hsl(206, 27%, 67%)
HSB
hsb(206, 24%, 76%)
CMYK
cmyk(24%, 10%, 0%, 24%)
Oklch
oklch(73.5% 0.041 241.3)

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

#6C6086

Deep Indigo · DimGray · Navy Blue

HEX
#6C6086
RGB
rgb(108, 96, 134)
HSL
hsl(259, 17%, 45%)
HSB
hsb(259, 28%, 53%)
CMYK
cmyk(19%, 28%, 0%, 47%)
Oklch
oklch(51.5% 0.061 298.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFCBB
BABBFD

Analogous

FDDABA
FDFCBB
DCFDBA

Triadic

FDFCBB
BAFDFC
FCBAFD

Split-Comp.

FDFCBB
BADCFD
DABAFD

Tetradic

FDFCBB
BAFDDA
BABBFD
FDBADC

Contrast Matrix WCAG 2.1 Contrast

FDFCBB
8CE1D4
90CDCF
93ADC1
6C6086
—
1.4
Fail
1.7
Fail
2.2
Fail
5.4
AA
1.4
Fail
—
1.2
Fail
1.5
Fail
3.8
AA Large
1.7
Fail
1.2
Fail
—
1.3
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
1.3
Fail
—
2.5
Fail
5.4
AA
3.8
AA Large
3.2
AA Large
2.5
Fail
—
White BG
1.1Fail
1.5Fail
1.8Fail
2.3Fail
5.7AA
Black BG
19.8AAA
13.8AAA
11.8AAA
9.0AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDCB
B1B2D7
AAABCF
9E9EBC
67677D

Deuteranopia

FDFDCF
ACA6D8
A7A2CE
9D9BBB
68687B

Tritanopia

FDD7DA
90DADA
93CECE
94B8B8
6B7674

Achromatopsia

F5F5F5
C6C6C6
BBBBBB
A8A8A8
686868

Shades & Tints Shades & Tints

#FDFCBB

Dark
Light

#8CE1D4

Dark
Light

#90CDCF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfcbb;
  --color-2: #8ce1d4;
  --color-3: #90cdcf;
  --color-4: #93adc1;
  --color-5: #6c6086;
}

SCSS

$color-1: #fdfcbb;
$color-2: #8ce1d4;
$color-3: #90cdcf;
$color-4: #93adc1;
$color-5: #6c6086;

TAILWIND

colors: {
  'brand-1': '#fdfcbb',
  'brand-2': '#8ce1d4',
  'brand-3': '#90cdcf',
  'brand-4': '#93adc1',
  'brand-5': '#6c6086',
}

RGB Array

[253, 252, 187], [140, 225, 212], [144, 205, 207], [147, 173, 193], [108, 96, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FDFCBB, #8CE1D4, #90CDCF, #93ADC1, #6C6086 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: #fdfcbb; --color-2: #8ce1d4; --color-3: #90cdcf; --color-4: #93adc1; --color-5: #6c6086. 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 cool-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