← Back to Editor

#A3AB85 · #86A64C · #6CA600 · #006569 · #003F69

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#A3AB85

Grass Green · DarkSeaGreen · Olive Green

HEX
#A3AB85
RGB
rgb(163, 171, 133)
HSL
hsl(73, 18%, 60%)
HSB
hsb(73, 22%, 67%)
CMYK
cmyk(5%, 0%, 22%, 33%)
Oklch
oklch(72.5% 0.054 117.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#86A64C

Grass Green · Gray · Olive Green

HEX
#86A64C
RGB
rgb(134, 166, 76)
HSL
hsl(81, 37%, 47%)
HSB
hsb(81, 54%, 65%)
CMYK
cmyk(19%, 0%, 54%, 35%)
Oklch
oklch(68.1% 0.123 125.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#6CA600

Grass Green · Olive · Forest Green

HEX
#6CA600
RGB
rgb(108, 166, 0)
HSL
hsl(81, 100%, 33%)
HSB
hsb(81, 100%, 65%)
CMYK
cmyk(35%, 0%, 100%, 35%)
Oklch
oklch(66.0% 0.178 130.1)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#006569

Lake Blue · Teal · Peacock Green

HEX
#006569
RGB
rgb(0, 101, 105)
HSL
hsl(182, 100%, 21%)
HSB
hsb(182, 100%, 41%)
CMYK
cmyk(100%, 4%, 0%, 59%)
Oklch
oklch(46.0% 0.078 199.6)

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

#003F69

Lake Blue · MidnightBlue · Prussian Blue

HEX
#003F69
RGB
rgb(0, 63, 105)
HSL
hsl(204, 100%, 21%)
HSB
hsb(204, 100%, 41%)
CMYK
cmyk(100%, 40%, 0%, 59%)
Oklch
oklch(35.7% 0.092 246.2)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3AB85
8F87AB

Analogous

ABA187
A3AB85
91AB87

Triadic

A3AB85
87A3AB
AB87A3

Split-Comp.

A3AB85
8791AB
A187AB

Tetradic

A3AB85
87ABA1
8F87AB
AB8791

Contrast Matrix WCAG 2.1 Contrast

A3AB85
86A64C
6CA600
006569
003F69
—
1.2
Fail
1.2
Fail
2.8
Fail
4.6
AA
1.2
Fail
—
1.1
Fail
2.5
Fail
4.0
AA Large
1.2
Fail
1.1
Fail
—
2.3
Fail
3.7
AA Large
2.8
Fail
2.5
Fail
2.3
Fail
—
1.6
Fail
4.6
AA
4.0
AA Large
3.7
AA Large
1.6
Fail
—
White BG
2.4Fail
2.8Fail
3.0Fail
6.9AA
11.0AAA
Black BG
8.7AAA
7.6AAA
7.1AAA
3.1AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A78E
949462
858628
2C2D68
1B1C5F

Deuteranopia

A6A590
929067
827D32
261E68
18135C

Tritanopia

A39597
887377
6F484F
056767
035755

Achromatopsia

A4A4A4
929292
828282
474747
313131

Shades & Tints Shades & Tints

#A3AB85

Dark
Light

#86A64C

Dark
Light

#6CA600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3ab85;
  --color-2: #86a64c;
  --color-3: #6ca600;
  --color-4: #006569;
  --color-5: #003f69;
}

SCSS

$color-1: #a3ab85;
$color-2: #86a64c;
$color-3: #6ca600;
$color-4: #006569;
$color-5: #003f69;

TAILWIND

colors: {
  'brand-1': '#a3ab85',
  'brand-2': '#86a64c',
  'brand-3': '#6ca600',
  'brand-4': '#006569',
  'brand-5': '#003f69',
}

RGB Array

[163, 171, 133], [134, 166, 76], [108, 166, 0], [0, 101, 105], [0, 63, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #A3AB85, #86A64C, #6CA600, #006569, #003F69 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a3ab85; --color-2: #86a64c; --color-3: #6ca600; --color-4: #006569; --color-5: #003f69. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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