← Back to Editor

#F9F3DD · #BED5CB · #AAC1D1 · #B1A0C0 · #925A8B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F9F3DD

Goose Yellow · Beige · Lemon Cream

HEX
#F9F3DD
RGB
rgb(249, 243, 221)
HSL
hsl(47, 70%, 92%)
HSB
hsb(47, 11%, 98%)
CMYK
cmyk(0%, 2%, 11%, 2%)
Oklch
oklch(96.3% 0.030 94.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BED5CB

Jade · LightGray · Apple Green

HEX
#BED5CB
RGB
rgb(190, 213, 203)
HSL
hsl(154, 21%, 79%)
HSB
hsb(154, 11%, 84%)
CMYK
cmyk(11%, 0%, 5%, 16%)
Oklch
oklch(85.3% 0.028 167.7)

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

#AAC1D1

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#AAC1D1
RGB
rgb(170, 193, 209)
HSL
hsl(205, 30%, 74%)
HSB
hsb(205, 19%, 82%)
CMYK
cmyk(19%, 8%, 0%, 18%)
Oklch
oklch(79.9% 0.034 238.3)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#B1A0C0

Lilac · DarkGray · Lilac Purple

HEX
#B1A0C0
RGB
rgb(177, 160, 192)
HSL
hsl(272, 20%, 69%)
HSB
hsb(272, 17%, 75%)
CMYK
cmyk(8%, 17%, 0%, 25%)
Oklch
oklch(73.1% 0.049 309.0)

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

#925A8B

Rose Purple · Gray · Violet

HEX
#925A8B
RGB
rgb(146, 90, 139)
HSL
hsl(308, 24%, 46%)
HSB
hsb(308, 38%, 57%)
CMYK
cmyk(0%, 38%, 5%, 43%)
Oklch
oklch(54.7% 0.100 331.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F3DD
DCE3F9

Analogous

F9E4DC
F9F3DD
F1F9DC

Triadic

F9F3DD
DCF9F3
F3DCF9

Split-Comp.

F9F3DD
DCF1F9
E4DCF9

Tetradic

F9F3DD
DCF9E4
DCE3F9
F9DCF1

Contrast Matrix WCAG 2.1 Contrast

F9F3DD
BED5CB
AAC1D1
B1A0C0
925A8B
—
1.4
Fail
1.7
Fail
2.2
Fail
4.7
AA
1.4
Fail
—
1.2
Fail
1.6
Fail
3.3
AA Large
1.7
Fail
1.2
Fail
—
1.3
Fail
2.8
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
2.1
Fail
4.7
AA
3.3
AA Large
2.8
Fail
2.1
Fail
—
White BG
1.1Fail
1.5Fail
1.9Fail
2.4Fail
5.2AA
Black BG
18.9AAA
13.6AAA
11.3AAA
8.7AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6E2
C8C8CD
B4B4CD
AAA9B8
7A797F

Deuteranopia

F7F7E4
C7C5CE
B3B1CC
ABACB6
7D817C

Tritanopia

F9E7E7
BFCFD0
ABCAC9
B0B2B1
8F7674

Achromatopsia

F2F2F2
CDCDCD
BCBCBC
A9A9A9
707070

Shades & Tints Shades & Tints

#F9F3DD

Dark
Light

#BED5CB

Dark
Light

#AAC1D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f3dd;
  --color-2: #bed5cb;
  --color-3: #aac1d1;
  --color-4: #b1a0c0;
  --color-5: #925a8b;
}

SCSS

$color-1: #f9f3dd;
$color-2: #bed5cb;
$color-3: #aac1d1;
$color-4: #b1a0c0;
$color-5: #925a8b;

TAILWIND

colors: {
  'brand-1': '#f9f3dd',
  'brand-2': '#bed5cb',
  'brand-3': '#aac1d1',
  'brand-4': '#b1a0c0',
  'brand-5': '#925a8b',
}

RGB Array

[249, 243, 221], [190, 213, 203], [170, 193, 209], [177, 160, 192], [146, 90, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F3DD, #BED5CB, #AAC1D1, #B1A0C0, #925A8B is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f9f3dd; --color-2: #bed5cb; --color-3: #aac1d1; --color-4: #b1a0c0; --color-5: #925a8b. 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. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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