← Back to Editor

#F7DAC7 · #D1C7BB · #9FC4BD · #6D929D · #46484C

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#F7DAC7

Apricot · Bisque · Peach Orange

HEX
#F7DAC7
RGB
rgb(247, 218, 199)
HSL
hsl(24, 75%, 87%)
HSB
hsb(24, 19%, 97%)
CMYK
cmyk(0%, 12%, 19%, 3%)
Oklch
oklch(90.7% 0.041 55.3)

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

#D1C7BB

Goose Yellow · Silver · Peach Orange

HEX
#D1C7BB
RGB
rgb(209, 199, 187)
HSL
hsl(33, 19%, 78%)
HSB
hsb(33, 11%, 82%)
CMYK
cmyk(0%, 5%, 11%, 18%)
Oklch
oklch(83.4% 0.020 72.5)

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

#9FC4BD

Jade · Silver · Lake Green

HEX
#9FC4BD
RGB
rgb(159, 196, 189)
HSL
hsl(169, 24%, 70%)
HSB
hsb(169, 19%, 77%)
CMYK
cmyk(19%, 0%, 4%, 23%)
Oklch
oklch(79.1% 0.041 182.5)

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

#6D929D

Slate Blue · LightSlateGray · Lake Green

HEX
#6D929D
RGB
rgb(109, 146, 157)
HSL
hsl(194, 20%, 52%)
HSB
hsb(194, 31%, 62%)
CMYK
cmyk(31%, 7%, 0%, 38%)
Oklch
oklch(63.6% 0.044 218.0)

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

#46484C

Dark Cyan · DarkSlateGray · Charcoal

HEX
#46484C
RGB
rgb(70, 72, 76)
HSL
hsl(220, 4%, 29%)
HSB
hsb(220, 8%, 30%)
CMYK
cmyk(8%, 5%, 0%, 70%)
Oklch
oklch(40.1% 0.007 264.5)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7DAC7
C5E3F7

Analogous

F7C5CA
F7DAC7
F7F2C5

Triadic

F7DAC7
C5F7D9
D9C5F7

Split-Comp.

F7DAC7
C5F7F2
C5CAF7

Tetradic

F7DAC7
CAF7C5
C5E3F7
F2C5F7

Contrast Matrix WCAG 2.1 Contrast

F7DAC7
D1C7BB
9FC4BD
6D929D
46484C
—
1.3
Fail
1.4
Fail
2.5
Fail
6.9
AA
1.3
Fail
—
1.1
Fail
2.0
Fail
5.5
AA
1.4
Fail
1.1
Fail
—
1.8
Fail
4.8
AA
2.5
Fail
2.0
Fail
1.8
Fail
—
2.7
Fail
6.9
AA
5.5
AA
4.8
AA
2.7
Fail
—
White BG
1.3Fail
1.7Fail
1.9Fail
3.4AA Large
9.2AAA
Black BG
15.8AAA
12.6AAA
11.1AAA
6.2AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEACC
CDCDBE
AFAFBF
7D7D9A
47474B

Deuteranopia

ECEECD
CDCEBF
ADAABF
7B789A
47474B

Tritanopia

F6CFD0
D0C0C1
A1C0C0
6F9898
464A4A

Achromatopsia

E1E1E1
C9C9C9
B8B8B8
888888
484848

Shades & Tints Shades & Tints

#F7DAC7

Dark
Light

#D1C7BB

Dark
Light

#9FC4BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7dac7;
  --color-2: #d1c7bb;
  --color-3: #9fc4bd;
  --color-4: #6d929d;
  --color-5: #46484c;
}

SCSS

$color-1: #f7dac7;
$color-2: #d1c7bb;
$color-3: #9fc4bd;
$color-4: #6d929d;
$color-5: #46484c;

TAILWIND

colors: {
  'brand-1': '#f7dac7',
  'brand-2': '#d1c7bb',
  'brand-3': '#9fc4bd',
  'brand-4': '#6d929d',
  'brand-5': '#46484c',
}

RGB Array

[247, 218, 199], [209, 199, 187], [159, 196, 189], [109, 146, 157], [70, 72, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F7DAC7, #D1C7BB, #9FC4BD, #6D929D, #46484C 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: #f7dac7; --color-2: #d1c7bb; --color-3: #9fc4bd; --color-4: #6d929d; --color-5: #46484c. 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 pastel-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