#6A9335 + #304830 + #003030 + #000000 + #6B3954 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#6A9335

Grass Green · DarkOliveGreen · Forest Green

HEX

#6A9335

RGB

rgb(106, 147, 53)

HSL

hsl(86, 47%, 39%)

HSB

hsb(86, 64%, 58%)

CMYK

cmyk(28%, 0%, 64%, 42%)

Oklch

oklch(61.3% 0.131 129.6)

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

#304830

Celadon · DarkSlateGray · Forest Green

HEX

#304830

RGB

rgb(48, 72, 48)

HSL

hsl(120, 20%, 24%)

HSB

hsb(120, 33%, 28%)

CMYK

cmyk(33%, 0%, 33%, 72%)

Oklch

oklch(37.4% 0.050 144.5)

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

#003030

Lake Blue · DarkSlateGray · Peacock Green

HEX

#003030

RGB

rgb(0, 48, 48)

HSL

hsl(180, 100%, 9%)

HSB

hsb(180, 100%, 19%)

CMYK

cmyk(100%, 0%, 0%, 81%)

Oklch

oklch(28.0% 0.048 194.8)

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

#000000

Ink Black · Black · Jet Black

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

HSB

hsb(0, 0%, 0%)

CMYK

cmyk(0%, 0%, 0%, 100%)

Oklch

oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#6B3954

Rose Purple · DimGray · Camellia

HEX

#6B3954

RGB

rgb(107, 57, 84)

HSL

hsl(328, 30%, 32%)

HSB

hsb(328, 47%, 42%)

CMYK

cmyk(0%, 47%, 21%, 58%)

Oklch

oklch(41.6% 0.079 347.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A9335

5D3592

Analogous

928C35

6A9335

3B9235

Triadic

6A9335

356A92

92356A

Split-Comp.

6A9335

353B92

8C3592

Tetradic

6A9335

35928C

5D3592

92353B

Contrast Matrix WCAG 2.1 Contrast

6A9335	304830	003030	000000	6B3954
—	2.8 Fail	4.0 AA Large	5.8 AA	2.5 Fail
2.8 Fail	—	1.4 Fail	2.1 Fail	1.1 Fail
4.0 AA Large	1.4 Fail	—	1.5 Fail	1.6 Fail
5.8 AA	2.1 Fail	1.5 Fail	—	2.3 Fail
2.5 Fail	1.1 Fail	1.6 Fail	2.3 Fail	—

White BG

3.6AA Large

10.0AAA

14.3AAA

21.0AAA

9.0AAA

Black BG

5.8AA

2.1Fail

1.5Fail

1.0Fail

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C4C

3A3B36

151530

000000

55554D

Deuteranopia

797651

393737

120E30

000000

585C4C

Tritanopia

6C5E62

313A3B

023030

000000

684847

Achromatopsia

7C7C7C

3E3E3E

222222

000000

4B4B4B

Shades & Tints Shades & Tints

#6A9335

Dark

Light

#304830

Dark

Light

#003030

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a9335;
  --color-2: #304830;
  --color-3: #003030;
  --color-4: #000000;
  --color-5: #6b3954;
}

SCSS

$color-1: #6a9335;
$color-2: #304830;
$color-3: #003030;
$color-4: #000000;
$color-5: #6b3954;

TAILWIND

colors: {
  'brand-1': '#6a9335',
  'brand-2': '#304830',
  'brand-3': '#003030',
  'brand-4': '#000000',
  'brand-5': '#6b3954',
}

RGB Array

[106, 147, 53], [48, 72, 48], [0, 48, 48], [0, 0, 0], [107, 57, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6A9335, #304830, #003030, #000000, #6B3954 is ideal for: tech websites, dark mode UIs, game UIs. 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: #6a9335; --color-2: #304830; --color-3: #003030; --color-4: #000000; --color-5: #6b3954. 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 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