← Back to Editor

#F61067 · #E64577 · #D08B8C · #C0C09C · #08475C

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

#F61067

Dark Violet · DeepPink · Rose Pink

HEX
#F61067
RGB
rgb(246, 16, 103)
HSL
hsl(337, 93%, 51%)
HSB
hsb(337, 93%, 96%)
CMYK
cmyk(0%, 93%, 58%, 4%)
Oklch
oklch(62.6% 0.246 9.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E64577

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E64577
RGB
rgb(230, 69, 119)
HSL
hsl(341, 76%, 59%)
HSB
hsb(341, 70%, 90%)
CMYK
cmyk(0%, 70%, 48%, 10%)
Oklch
oklch(63.3% 0.199 6.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D08B8C

Peach Pink · DarkSalmon · Coral Red

HEX
#D08B8C
RGB
rgb(208, 139, 140)
HSL
hsl(359, 42%, 68%)
HSB
hsb(359, 33%, 82%)
CMYK
cmyk(0%, 33%, 33%, 18%)
Oklch
oklch(70.6% 0.085 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C0C09C

Fresh Green · Tan · Sunflower

HEX
#C0C09C
RGB
rgb(192, 192, 156)
HSL
hsl(60, 22%, 68%)
HSB
hsb(60, 19%, 75%)
CMYK
cmyk(0%, 0%, 19%, 25%)
Oklch
oklch(79.8% 0.049 107.5)

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

#08475C

Lake Blue · DarkSlateGray · Peacock Green

HEX
#08475C
RGB
rgb(8, 71, 92)
HSL
hsl(195, 84%, 20%)
HSB
hsb(195, 91%, 36%)
CMYK
cmyk(91%, 23%, 0%, 64%)
Oklch
oklch(37.2% 0.068 227.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F61067
0EF69D

Analogous

F60EDB
F61067
F6290E

Triadic

F61067
67F60E
0E67F6

Split-Comp.

F61067
0EF629
0EDBF6

Tetradic

F61067
DBF60E
0EF69D
290EF6

Contrast Matrix WCAG 2.1 Contrast

F61067
E64577
D08B8C
C0C09C
08475C
—
1.1
Fail
1.5
Fail
2.2
Fail
2.5
Fail
1.1
Fail
—
1.4
Fail
2.1
Fail
2.7
Fail
1.5
Fail
1.4
Fail
—
1.5
Fail
3.8
AA Large
2.2
Fail
2.1
Fail
1.5
Fail
—
5.5
AA
2.5
Fail
2.7
Fail
3.8
AA Large
5.5
AA
—
White BG
4.0AA Large
3.8AA Large
2.7Fail
1.9Fail
10.2AAA
Black BG
5.2AA
5.5AA
7.8AAA
11.3AAA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

929052
A09F6B
B2B28C
C0C0A5
232457

Deuteranopia

A0B14D
AAB668
B6BB8C
C0C0A7
201B56

Tritanopia

EB413E
DE615F
CD8C8C
C0ACAD
0B5352

Achromatopsia

5F5F5F
7B7B7B
A0A0A0
BCBCBC
373737

Shades & Tints Shades & Tints

#F61067

Dark
Light

#E64577

Dark
Light

#D08B8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f61067;
  --color-2: #e64577;
  --color-3: #d08b8c;
  --color-4: #c0c09c;
  --color-5: #08475c;
}

SCSS

$color-1: #f61067;
$color-2: #e64577;
$color-3: #d08b8c;
$color-4: #c0c09c;
$color-5: #08475c;

TAILWIND

colors: {
  'brand-1': '#f61067',
  'brand-2': '#e64577',
  'brand-3': '#d08b8c',
  'brand-4': '#c0c09c',
  'brand-5': '#08475c',
}

RGB Array

[246, 16, 103], [230, 69, 119], [208, 139, 140], [192, 192, 156], [8, 71, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F61067, #E64577, #D08B8C, #C0C09C, #08475C 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: #f61067; --color-2: #e64577; --color-3: #d08b8c; --color-4: #c0c09c; --color-5: #08475c. 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