← Back to Editor

#6C785A · #9B734B · #F7740B · #F24522 · #EC1639

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

#6C785A

Grass Green · DimGray · Olive Green

HEX
#6C785A
RGB
rgb(108, 120, 90)
HSL
hsl(84, 14%, 41%)
HSB
hsb(84, 25%, 47%)
CMYK
cmyk(10%, 0%, 25%, 53%)
Oklch
oklch(55.4% 0.047 125.6)

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

#9B734B

Ochre · Sienna · Amber Brown

HEX
#9B734B
RGB
rgb(155, 115, 75)
HSL
hsl(30, 35%, 45%)
HSB
hsb(30, 52%, 61%)
CMYK
cmyk(0%, 26%, 52%, 39%)
Oklch
oklch(58.6% 0.075 65.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F7740B

Tangerine · Chocolate · Warm Sun

HEX
#F7740B
RGB
rgb(247, 116, 11)
HSL
hsl(27, 94%, 51%)
HSB
hsb(27, 96%, 97%)
CMYK
cmyk(0%, 53%, 96%, 3%)
Oklch
oklch(70.3% 0.185 49.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F24522

Vermilion · OrangeRed · Passion Red

HEX
#F24522
RGB
rgb(242, 69, 34)
HSL
hsl(10, 89%, 54%)
HSB
hsb(10, 86%, 95%)
CMYK
cmyk(0%, 71%, 86%, 5%)
Oklch
oklch(63.9% 0.215 33.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#EC1639

Vermilion · Crimson · Passion Red

HEX
#EC1639
RGB
rgb(236, 22, 57)
HSL
hsl(350, 85%, 51%)
HSB
hsb(350, 91%, 93%)
CMYK
cmyk(0%, 91%, 76%, 7%)
Oklch
oklch(60.1% 0.234 22.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C785A
665A77

Analogous

77745A
6C785A
5D775A

Triadic

6C785A
5A6B77
775A6B

Split-Comp.

6C785A
5A5D77
745A77

Tetradic

6C785A
5A7774
665A77
775A5D

Contrast Matrix WCAG 2.1 Contrast

6C785A
9B734B
F7740B
F24522
EC1639
—
1.1
Fail
1.7
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.5
Fail
1.1
Fail
1.0
Fail
1.7
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.0
Fail
1.6
Fail
1.2
Fail
—
White BG
4.7AA
4.2AA Large
2.8Fail
3.7AA Large
4.4AA Large
Black BG
4.5AA Large
4.9AA
7.5AAA
5.6AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717161
8A8955
BEBD24
A7A62A
8F8D31

Deuteranopia

717063
8C8F57
C6D02B
B1BE2D
9CAC2F

Tritanopia

6D6768
995C5E
F0383D
E93133
E12A28

Achromatopsia

717171
7A7A7A
8F8F8F
757575
5A5A5A

Shades & Tints Shades & Tints

#6C785A

Dark
Light

#9B734B

Dark
Light

#F7740B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c785a;
  --color-2: #9b734b;
  --color-3: #f7740b;
  --color-4: #f24522;
  --color-5: #ec1639;
}

SCSS

$color-1: #6c785a;
$color-2: #9b734b;
$color-3: #f7740b;
$color-4: #f24522;
$color-5: #ec1639;

TAILWIND

colors: {
  'brand-1': '#6c785a',
  'brand-2': '#9b734b',
  'brand-3': '#f7740b',
  'brand-4': '#f24522',
  'brand-5': '#ec1639',
}

RGB Array

[108, 120, 90], [155, 115, 75], [247, 116, 11], [242, 69, 34], [236, 22, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6C785A, #9B734B, #F7740B, #F24522, #EC1639 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #6c785a; --color-2: #9b734b; --color-3: #f7740b; --color-4: #f24522; --color-5: #ec1639. 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 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