#B4B0FF + #D1B6C8 + #CCC935 + #FF85F1 + #90968A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B4B0FF

Wisteria · LightSteelBlue · Sky Blue

HEX

#B4B0FF

RGB

rgb(180, 176, 255)

HSL

hsl(243, 100%, 85%)

HSB

hsb(243, 31%, 100%)

CMYK

cmyk(29%, 31%, 0%, 0%)

Oklch

oklch(79.0% 0.111 285.9)

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

#D1B6C8

Mauve · Silver · Cherry Blossom

HEX

#D1B6C8

RGB

rgb(209, 182, 200)

HSL

hsl(320, 23%, 77%)

HSB

hsb(320, 13%, 82%)

CMYK

cmyk(0%, 13%, 4%, 18%)

Oklch

oklch(80.5% 0.039 338.2)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#CCC935

Autumn Sage · GoldenRod · Honey Gold

HEX

#CCC935

RGB

rgb(204, 201, 53)

HSL

hsl(59, 60%, 50%)

HSB

hsb(59, 74%, 80%)

CMYK

cmyk(0%, 1%, 74%, 20%)

Oklch

oklch(81.3% 0.160 108.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FF85F1

Mauve · Violet · Lilac Purple

HEX

#FF85F1

RGB

rgb(255, 133, 241)

HSL

hsl(307, 100%, 76%)

HSB

hsb(307, 48%, 100%)

CMYK

cmyk(0%, 48%, 5%, 0%)

Oklch

oklch(78.8% 0.195 331.7)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#90968A

Ash · Gray · Silver Sand

HEX

#90968A

RGB

rgb(144, 150, 138)

HSL

hsl(90, 5%, 56%)

HSB

hsb(90, 8%, 59%)

CMYK

cmyk(4%, 0%, 8%, 41%)

Oklch

oklch(66.5% 0.019 128.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4B0FF

FBFFB3

Analogous

B3D5FF

B4B0FF

DDB3FF

Triadic

B4B0FF

FFB6B3

B3FFB6

Split-Comp.

B4B0FF

FFDDB3

D5FFB3

Tetradic

B4B0FF

FFB3D5

FBFFB3

B3FFDD

Contrast Matrix WCAG 2.1 Contrast

B4B0FF	D1B6C8	CCC935	FF85F1	90968A
—	1.1 Fail	1.1 Fail	1.1 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.6 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.1 Fail	1.1 Fail	1.2 Fail	—	1.4 Fail
1.5 Fail	1.6 Fail	1.7 Fail	1.4 Fail	—

White BG

2.0Fail

1.9Fail

1.8Fail

2.1Fail

3.0AA Large

Black BG

10.6AAA

11.2AAA

12.0AAA

9.9AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2EC

C5C5C4

CBCB59

CAC9D7

93938D

Deuteranopia

B3B3E7

C7C9C3

CBCB61

D1DAD1

92928E

Tritanopia

B4DDD9

D0C0BF

CC757B

F9C2BE

908F90

Achromatopsia

BABABA

C0C0C0

B9B9B9

B6B6B6

939393

Shades & Tints Shades & Tints

#B4B0FF

Dark

Light

#D1B6C8

Dark

Light

#CCC935

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4b0ff;
  --color-2: #d1b6c8;
  --color-3: #ccc935;
  --color-4: #ff85f1;
  --color-5: #90968a;
}

SCSS

$color-1: #b4b0ff;
$color-2: #d1b6c8;
$color-3: #ccc935;
$color-4: #ff85f1;
$color-5: #90968a;

TAILWIND

colors: {
  'brand-1': '#b4b0ff',
  'brand-2': '#d1b6c8',
  'brand-3': '#ccc935',
  'brand-4': '#ff85f1',
  'brand-5': '#90968a',
}

RGB Array

[180, 176, 255], [209, 182, 200], [204, 201, 53], [255, 133, 241], [144, 150, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4B0FF, #D1B6C8, #CCC935, #FF85F1, #90968A is ideal for: health products, baby brands, fresh-style blogs. 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: #b4b0ff; --color-2: #d1b6c8; --color-3: #ccc935; --color-4: #ff85f1; --color-5: #90968a. 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 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