← Back to Editor

#B1B53E · #A4A470 · #A19797 · #A36FA3 · #665C5C

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#B1B53E

Autumn Sage · GoldenRod · Honey Gold

HEX
#B1B53E
RGB
rgb(177, 181, 62)
HSL
hsl(62, 49%, 48%)
HSB
hsb(62, 66%, 71%)
CMYK
cmyk(2%, 0%, 66%, 29%)
Oklch
oklch(74.8% 0.139 111.2)

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

#A4A470

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A4A470
RGB
rgb(164, 164, 112)
HSL
hsl(60, 22%, 54%)
HSB
hsb(60, 32%, 64%)
CMYK
cmyk(0%, 0%, 32%, 36%)
Oklch
oklch(70.6% 0.071 108.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A19797

Ash · DarkGray · Silver Sand

HEX
#A19797
RGB
rgb(161, 151, 151)
HSL
hsl(0, 5%, 61%)
HSB
hsb(0, 6%, 63%)
CMYK
cmyk(0%, 6%, 6%, 37%)
Oklch
oklch(68.5% 0.012 17.4)

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

#A36FA3

Rose Purple · LightSlateGray · Violet

HEX
#A36FA3
RGB
rgb(163, 111, 163)
HSL
hsl(300, 22%, 54%)
HSB
hsb(300, 32%, 64%)
CMYK
cmyk(0%, 32%, 0%, 36%)
Oklch
oklch(61.4% 0.097 326.7)

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

#665C5C

Ink Gray · DimGray · Charcoal

HEX
#665C5C
RGB
rgb(102, 92, 92)
HSL
hsl(0, 5%, 38%)
HSB
hsb(0, 10%, 40%)
CMYK
cmyk(0%, 10%, 10%, 60%)
Oklch
oklch(48.4% 0.013 17.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1B53E
423EB6

Analogous

B67E3E
B1B53E
76B63E

Triadic

B1B53E
3EB2B6
B63EB2

Split-Comp.

B1B53E
3E76B6
7E3EB6

Tetradic

B1B53E
3EB67E
423EB6
B63E76

Contrast Matrix WCAG 2.1 Contrast

B1B53E
A4A470
A19797
A36FA3
665C5C
—
1.2
Fail
1.3
Fail
1.8
Fail
2.9
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.5
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
2.3
Fail
1.8
Fail
1.5
Fail
1.4
Fail
—
1.6
Fail
2.9
Fail
2.5
Fail
2.3
Fail
1.6
Fail
—
White BG
2.2Fail
2.6Fail
2.8Fail
3.9AA Large
6.5AA
Black BG
9.5AAA
8.1AAA
7.4AAA
5.4AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B35B
A4A47D
9D9D97
8C8C96
62625C

Deuteranopia

B3B262
A4A480
9D9E97
909393
62635C

Tritanopia

B17277
A48789
A19797
A08C8A
655C5C

Achromatopsia

A6A6A6
9E9E9E
9A9A9A
848484
5F5F5F

Shades & Tints Shades & Tints

#B1B53E

Dark
Light

#A4A470

Dark
Light

#A19797

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1b53e;
  --color-2: #a4a470;
  --color-3: #a19797;
  --color-4: #a36fa3;
  --color-5: #665c5c;
}

SCSS

$color-1: #b1b53e;
$color-2: #a4a470;
$color-3: #a19797;
$color-4: #a36fa3;
$color-5: #665c5c;

TAILWIND

colors: {
  'brand-1': '#b1b53e',
  'brand-2': '#a4a470',
  'brand-3': '#a19797',
  'brand-4': '#a36fa3',
  'brand-5': '#665c5c',
}

RGB Array

[177, 181, 62], [164, 164, 112], [161, 151, 151], [163, 111, 163], [102, 92, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B1B53E, #A4A470, #A19797, #A36FA3, #665C5C is ideal for: brand design, premium product pages, magazine layouts. 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: #b1b53e; --color-2: #a4a470; --color-3: #a19797; --color-4: #a36fa3; --color-5: #665c5c. 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. 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