← Back to Editor

#F1D9CF · #C7ADBA · #6C7498 · #464F70 · #A9BDC4

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F1D9CF

Apricot · Bisque · Peach Orange

HEX
#F1D9CF
RGB
rgb(241, 217, 207)
HSL
hsl(18, 55%, 88%)
HSB
hsb(18, 14%, 95%)
CMYK
cmyk(0%, 10%, 14%, 5%)
Oklch
oklch(90.2% 0.030 44.0)

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

#C7ADBA

Rouge · Silver · Rose Pink

HEX
#C7ADBA
RGB
rgb(199, 173, 186)
HSL
hsl(330, 19%, 73%)
HSB
hsb(330, 13%, 78%)
CMYK
cmyk(0%, 13%, 7%, 22%)
Oklch
oklch(77.4% 0.035 346.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#6C7498

Azure · SlateGray · Navy Blue

HEX
#6C7498
RGB
rgb(108, 116, 152)
HSL
hsl(229, 18%, 51%)
HSB
hsb(229, 29%, 60%)
CMYK
cmyk(29%, 24%, 0%, 40%)
Oklch
oklch(56.6% 0.057 274.7)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#464F70

Indigo · DarkSlateBlue · Prussian Blue

HEX
#464F70
RGB
rgb(70, 79, 112)
HSL
hsl(227, 23%, 36%)
HSB
hsb(227, 37%, 44%)
CMYK
cmyk(37%, 29%, 0%, 56%)
Oklch
oklch(43.4% 0.056 272.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#A9BDC4

Sky Blue · Silver · Lake Green

HEX
#A9BDC4
RGB
rgb(169, 189, 196)
HSL
hsl(196, 19%, 72%)
HSB
hsb(196, 14%, 77%)
CMYK
cmyk(14%, 4%, 0%, 23%)
Oklch
oklch(78.5% 0.024 220.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1D9CF
D0E7F1

Analogous

F1D0D6
F1D9CF
F1EAD0

Triadic

F1D9CF
D0F1DA
DAD0F1

Split-Comp.

F1D9CF
D0F1EA
D0D6F1

Tetradic

F1D9CF
D6F1D0
D0E7F1
EAD0F1

Contrast Matrix WCAG 2.1 Contrast

F1D9CF
C7ADBA
6C7498
464F70
A9BDC4
—
1.5
Fail
3.4
AA Large
6.0
AA
1.4
Fail
1.5
Fail
—
2.2
Fail
3.9
AA Large
1.1
Fail
3.4
AA Large
2.2
Fail
—
1.8
Fail
2.3
Fail
6.0
AA
3.9
AA Large
1.8
Fail
—
4.1
AA Large
1.4
Fail
1.1
Fail
2.3
Fail
4.1
AA Large
—
White BG
1.3Fail
2.1Fail
4.6AA
8.0AAA
2.0Fail
Black BG
15.6AAA
10.1AAA
4.6AA
2.6Fail
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E6D1
BCBCB7
6F708F
4A4A68
B2B2C2

Deuteranopia

E8EAD2
BDBFB6
6F6E8D
494966
B1AFC2

Tritanopia

F0D3D4
C6B4B4
6C8887
466260
AAC1C1

Achromatopsia

DFDFDF
B6B6B6
767676
505050
B8B8B8

Shades & Tints Shades & Tints

#F1D9CF

Dark
Light

#C7ADBA

Dark
Light

#6C7498

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1d9cf;
  --color-2: #c7adba;
  --color-3: #6c7498;
  --color-4: #464f70;
  --color-5: #a9bdc4;
}

SCSS

$color-1: #f1d9cf;
$color-2: #c7adba;
$color-3: #6c7498;
$color-4: #464f70;
$color-5: #a9bdc4;

TAILWIND

colors: {
  'brand-1': '#f1d9cf',
  'brand-2': '#c7adba',
  'brand-3': '#6c7498',
  'brand-4': '#464f70',
  'brand-5': '#a9bdc4',
}

RGB Array

[241, 217, 207], [199, 173, 186], [108, 116, 152], [70, 79, 112], [169, 189, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F1D9CF, #C7ADBA, #6C7498, #464F70, #A9BDC4 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f1d9cf; --color-2: #c7adba; --color-3: #6c7498; --color-4: #464f70; --color-5: #a9bdc4. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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