← Back to Editor

#F7EAD7 · #DED7D7 · #C8BECF · #AEA1CC · #9B7CA6

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

WorkspaceReading

Color Details Color Details

#F7EAD7

Goose Yellow · Beige · Peach Orange

HEX
#F7EAD7
RGB
rgb(247, 234, 215)
HSL
hsl(36, 67%, 91%)
HSB
hsb(36, 13%, 97%)
CMYK
cmyk(0%, 5%, 13%, 3%)
Oklch
oklch(94.2% 0.029 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DED7D7

Peach Pink · LightGray · Cherry Blossom

HEX
#DED7D7
RGB
rgb(222, 215, 215)
HSL
hsl(0, 10%, 86%)
HSB
hsb(0, 3%, 87%)
CMYK
cmyk(0%, 3%, 3%, 13%)
Oklch
oklch(88.5% 0.008 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C8BECF

Lilac · Silver · Lilac Purple

HEX
#C8BECF
RGB
rgb(200, 190, 207)
HSL
hsl(275, 15%, 78%)
HSB
hsb(275, 8%, 81%)
CMYK
cmyk(3%, 8%, 0%, 19%)
Oklch
oklch(81.5% 0.026 311.7)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#AEA1CC

Wisteria · DarkGray · Cobalt Blue

HEX
#AEA1CC
RGB
rgb(174, 161, 204)
HSL
hsl(258, 30%, 72%)
HSB
hsb(258, 21%, 80%)
CMYK
cmyk(15%, 21%, 0%, 20%)
Oklch
oklch(73.5% 0.063 298.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#9B7CA6

Dark Plum · LightSlateGray · Violet

HEX
#9B7CA6
RGB
rgb(155, 124, 166)
HSL
hsl(284, 19%, 57%)
HSB
hsb(284, 25%, 65%)
CMYK
cmyk(7%, 25%, 0%, 35%)
Oklch
oklch(63.0% 0.071 317.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7EAD7
D9E5F7

Analogous

F7DCD9
F7EAD7
F4F7D9

Triadic

F7EAD7
D9F7EB
EBD9F7

Split-Comp.

F7EAD7
D9F4F7
DCD9F7

Tetradic

F7EAD7
D9F7DC
D9E5F7
F7D9F4

Contrast Matrix WCAG 2.1 Contrast

F7EAD7
DED7D7
C8BECF
AEA1CC
9B7CA6
—
1.2
Fail
1.5
Fail
2.0
Fail
3.0
AA Large
1.2
Fail
—
1.3
Fail
1.7
Fail
2.5
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
3.0
AA Large
2.5
Fail
2.0
Fail
1.5
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
2.4Fail
3.6AA Large
Black BG
17.7AAA
14.8AAA
11.7AAA
8.8AAA
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1DC
DBDBD7
C4C4CB
A8A8C2
8E8D9C

Deuteranopia

F2F3DD
DBDCD7
C4C5CA
A9AABF
8F9299

Tritanopia

F6DFE0
DED7D7
C8C8C7
ADB9B8
999492

Achromatopsia

ECECEC
D9D9D9
C3C3C3
AAAAAA
8A8A8A

Shades & Tints Shades & Tints

#F7EAD7

Dark
Light

#DED7D7

Dark
Light

#C8BECF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7ead7;
  --color-2: #ded7d7;
  --color-3: #c8becf;
  --color-4: #aea1cc;
  --color-5: #9b7ca6;
}

SCSS

$color-1: #f7ead7;
$color-2: #ded7d7;
$color-3: #c8becf;
$color-4: #aea1cc;
$color-5: #9b7ca6;

TAILWIND

colors: {
  'brand-1': '#f7ead7',
  'brand-2': '#ded7d7',
  'brand-3': '#c8becf',
  'brand-4': '#aea1cc',
  'brand-5': '#9b7ca6',
}

RGB Array

[247, 234, 215], [222, 215, 215], [200, 190, 207], [174, 161, 204], [155, 124, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F7EAD7, #DED7D7, #C8BECF, #AEA1CC, #9B7CA6 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #f7ead7; --color-2: #ded7d7; --color-3: #c8becf; --color-4: #aea1cc; --color-5: #9b7ca6. 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. 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 beauty, lifestyle, arts 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