← Back to Editor

#D5FBED · #5AEDB6 · #ADA918 · #C3036F · #545862

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 AppData Visualization

Color Details Color Details

#D5FBED

Jade · Lavender · Mint Green

HEX
#D5FBED
RGB
rgb(213, 251, 237)
HSL
hsl(158, 83%, 91%)
HSB
hsb(158, 15%, 98%)
CMYK
cmyk(15%, 0%, 6%, 2%)
Oklch
oklch(95.7% 0.043 171.1)

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

#5AEDB6

Jade · MediumAquaMarine · Apple Green

HEX
#5AEDB6
RGB
rgb(90, 237, 182)
HSL
hsl(158, 80%, 64%)
HSB
hsb(158, 62%, 93%)
CMYK
cmyk(62%, 0%, 23%, 7%)
Oklch
oklch(85.3% 0.149 164.8)

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

#ADA918

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ADA918
RGB
rgb(173, 169, 24)
HSL
hsl(58, 76%, 39%)
HSB
hsb(58, 86%, 68%)
CMYK
cmyk(0%, 2%, 86%, 32%)
Oklch
oklch(71.5% 0.149 107.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C3036F

Rose Purple · MediumVioletRed · Camellia

HEX
#C3036F
RGB
rgb(195, 3, 111)
HSL
hsl(326, 97%, 39%)
HSB
hsb(326, 98%, 76%)
CMYK
cmyk(0%, 98%, 43%, 24%)
Oklch
oklch(53.3% 0.217 356.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#545862

Indigo · DimGray · Charcoal

HEX
#545862
RGB
rgb(84, 88, 98)
HSL
hsl(223, 8%, 36%)
HSB
hsb(223, 14%, 38%)
CMYK
cmyk(14%, 10%, 0%, 62%)
Oklch
oklch(46.0% 0.017 268.3)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5FBED
FBD5E3

Analogous

D5FBDA
D5FBED
D5F6FB

Triadic

D5FBED
EDD5FB
FBEDD5

Split-Comp.

D5FBED
FBD5F6
FBDAD5

Tetradic

D5FBED
DAD5FB
FBD5E3
F6FBD5

Contrast Matrix WCAG 2.1 Contrast

D5FBED
5AEDB6
ADA918
C3036F
545862
—
1.3
Fail
2.2
Fail
5.3
AA
6.4
AA
1.3
Fail
—
1.7
Fail
4.0
AA Large
4.8
AA
2.2
Fail
1.7
Fail
—
2.4
Fail
2.9
Fail
5.3
AA
4.0
AA Large
2.4
Fail
—
1.2
Fail
6.4
AA
4.8
AA
2.9
Fail
1.2
Fail
—
White BG
1.1Fail
1.5Fail
2.5Fail
5.9AA
7.1AAA
Black BG
18.9AAA
14.2AAA
8.5AAA
3.6AA Large
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E6F0
9A9BC3
ABAB3B
706E55
565660

Deuteranopia

E3E0F1
9186C7
ACAC44
7B894F
56555F

Tritanopia

D7F3F4
61CED0
AD575D
B9403C
545E5D

Achromatopsia

EEEEEE
BBBBBB
9A9A9A
494949
585858

Shades & Tints Shades & Tints

#D5FBED

Dark
Light

#5AEDB6

Dark
Light

#ADA918

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5fbed;
  --color-2: #5aedb6;
  --color-3: #ada918;
  --color-4: #c3036f;
  --color-5: #545862;
}

SCSS

$color-1: #d5fbed;
$color-2: #5aedb6;
$color-3: #ada918;
$color-4: #c3036f;
$color-5: #545862;

TAILWIND

colors: {
  'brand-1': '#d5fbed',
  'brand-2': '#5aedb6',
  'brand-3': '#ada918',
  'brand-4': '#c3036f',
  'brand-5': '#545862',
}

RGB Array

[213, 251, 237], [90, 237, 182], [173, 169, 24], [195, 3, 111], [84, 88, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D5FBED, #5AEDB6, #ADA918, #C3036F, #545862 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: #d5fbed; --color-2: #5aedb6; --color-3: #ada918; --color-4: #c3036f; --color-5: #545862. 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 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