#B07BAC + #B185C7 + #A597CF + #95A6DE + #78B5DE · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B07BAC

Rose Purple · DarkGray · Violet

HEX

#B07BAC

RGB

rgb(176, 123, 172)

HSL

hsl(305, 25%, 59%)

HSB

hsb(305, 30%, 69%)

CMYK

cmyk(0%, 30%, 2%, 31%)

Oklch

oklch(65.3% 0.094 329.2)

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

#B185C7

Lilac · DarkGray · Lilac Purple

HEX

#B185C7

RGB

rgb(177, 133, 199)

HSL

hsl(280, 37%, 65%)

HSB

hsb(280, 33%, 78%)

CMYK

cmyk(11%, 33%, 0%, 22%)

Oklch

oklch(68.3% 0.106 314.0)

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

#A597CF

Wisteria · DarkGray · Cobalt Blue

HEX

#A597CF

RGB

rgb(165, 151, 207)

HSL

hsl(255, 37%, 70%)

HSB

hsb(255, 27%, 81%)

CMYK

cmyk(20%, 27%, 0%, 19%)

Oklch

oklch(70.9% 0.082 295.7)

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

#95A6DE

Azure · LightSteelBlue · Cobalt Blue

HEX

#95A6DE

RGB

rgb(149, 166, 222)

HSL

hsl(226, 53%, 73%)

HSB

hsb(226, 33%, 87%)

CMYK

cmyk(33%, 25%, 0%, 13%)

Oklch

oklch(73.3% 0.084 271.2)

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

#78B5DE

Sky Blue · SkyBlue · Cobalt Blue

HEX

#78B5DE

RGB

rgb(120, 181, 222)

HSL

hsl(204, 61%, 67%)

HSB

hsb(204, 46%, 87%)

CMYK

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

Oklch

oklch(74.7% 0.087 238.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B07BAC

7CB181

Analogous

9B7CB1

B07BAC

B17C92

Triadic

B07BAC

ACB17C

7CACB1

Split-Comp.

B07BAC

92B17C

7CB19B

Tetradic

B07BAC

B19B7C

7CB181

7C92B1

Contrast Matrix WCAG 2.1 Contrast

B07BAC	B185C7	A597CF	95A6DE	78B5DE
—	1.1 Fail	1.3 Fail	1.4 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

3.3AA Large

3.0Fail

2.6Fail

2.4Fail

2.2Fail

Black BG

6.3AA

7.0AAA

7.9AAA

8.8AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9999A0

9E9EB7

9F9FC1

9C9DD0

9293D4

Deuteranopia

9CA09D

A1A4B3

A0A1BE

9B9ACD

8F8AD2

Tritanopia

AD9795

AFAAA8

A4B7B4

96C6C3

7BCCCB

Achromatopsia

909090

9A9A9A

A2A2A2

A7A7A7

Shades & Tints Shades & Tints

#B07BAC

Dark

Light

#B185C7

Dark

Light

#A597CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b07bac;
  --color-2: #b185c7;
  --color-3: #a597cf;
  --color-4: #95a6de;
  --color-5: #78b5de;
}

SCSS

$color-1: #b07bac;
$color-2: #b185c7;
$color-3: #a597cf;
$color-4: #95a6de;
$color-5: #78b5de;

TAILWIND

colors: {
  'brand-1': '#b07bac',
  'brand-2': '#b185c7',
  'brand-3': '#a597cf',
  'brand-4': '#95a6de',
  'brand-5': '#78b5de',
}

RGB Array

[176, 123, 172], [177, 133, 199], [165, 151, 207], [149, 166, 222], [120, 181, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #B07BAC, #B185C7, #A597CF, #95A6DE, #78B5DE 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: #b07bac; --color-2: #b185c7; --color-3: #a597cf; --color-4: #95a6de; --color-5: #78b5de. 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 warm-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