← Back to Editor

#6EB299 · #6E4B25 · #FC724E · #D44407 · #D1B04F

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#6EB299

Mineral Blue · CadetBlue · Olive Green

HEX
#6EB299
RGB
rgb(110, 178, 153)
HSL
hsl(158, 31%, 56%)
HSB
hsb(158, 38%, 70%)
CMYK
cmyk(38%, 0%, 14%, 30%)
Oklch
oklch(71.1% 0.079 168.7)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#6E4B25

Ochre · DarkOliveGreen · Amber Brown

HEX
#6E4B25
RGB
rgb(110, 75, 37)
HSL
hsl(31, 50%, 29%)
HSB
hsb(31, 66%, 43%)
CMYK
cmyk(0%, 32%, 66%, 57%)
Oklch
oklch(44.3% 0.071 66.3)

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

#FC724E

Peach Pink · Coral · Coral Red

HEX
#FC724E
RGB
rgb(252, 114, 78)
HSL
hsl(12, 97%, 65%)
HSB
hsb(12, 69%, 99%)
CMYK
cmyk(0%, 55%, 69%, 1%)
Oklch
oklch(71.2% 0.177 35.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D44407

Tangerine · OrangeRed · Amber Brown

HEX
#D44407
RGB
rgb(212, 68, 7)
HSL
hsl(18, 94%, 43%)
HSB
hsb(18, 97%, 83%)
CMYK
cmyk(0%, 68%, 97%, 17%)
Oklch
oklch(58.7% 0.190 37.9)

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

#D1B04F

Ginger · SandyBrown · Sunflower

HEX
#D1B04F
RGB
rgb(209, 176, 79)
HSL
hsl(45, 59%, 56%)
HSB
hsb(45, 62%, 82%)
CMYK
cmyk(0%, 16%, 62%, 18%)
Oklch
oklch(76.8% 0.122 90.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EB299
B26C86

Analogous

6CB275
6EB299
6CA8B2

Triadic

6EB299
986CB2
B2986C

Split-Comp.

6EB299
B26CA8
B2756C

Tetradic

6EB299
756CB2
B26C86
A8B26C

Contrast Matrix WCAG 2.1 Contrast

6EB299
6E4B25
FC724E
D44407
D1B04F
—
3.1
AA Large
1.1
Fail
1.8
Fail
1.2
Fail
3.1
AA Large
—
2.8
Fail
1.7
Fail
3.7
AA Large
1.1
Fail
2.8
Fail
—
1.7
Fail
1.3
Fail
1.8
Fail
1.7
Fail
1.7
Fail
—
2.2
Fail
1.2
Fail
3.7
AA Large
1.3
Fail
2.2
Fail
—
White BG
2.5Fail
7.8AAA
2.7Fail
4.5AA
2.1Fail
Black BG
8.5AAA
2.7Fail
7.7AAA
4.6AA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8C9F
5F5F2E
C0BF57
969416
C3C266

Deuteranopia

8882A1
616430
C8D359
9EA919
C5C76C

Tritanopia

71A4A5
6C3537
F55E5F
CD2124
CF797D

Achromatopsia

9B9B9B
515151
979797
686868
AFAFAF

Shades & Tints Shades & Tints

#6EB299

Dark
Light

#6E4B25

Dark
Light

#FC724E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6eb299;
  --color-2: #6e4b25;
  --color-3: #fc724e;
  --color-4: #d44407;
  --color-5: #d1b04f;
}

SCSS

$color-1: #6eb299;
$color-2: #6e4b25;
$color-3: #fc724e;
$color-4: #d44407;
$color-5: #d1b04f;

TAILWIND

colors: {
  'brand-1': '#6eb299',
  'brand-2': '#6e4b25',
  'brand-3': '#fc724e',
  'brand-4': '#d44407',
  'brand-5': '#d1b04f',
}

RGB Array

[110, 178, 153], [110, 75, 37], [252, 114, 78], [212, 68, 7], [209, 176, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6EB299, #6E4B25, #FC724E, #D44407, #D1B04F 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: #6eb299; --color-2: #6e4b25; --color-3: #fc724e; --color-4: #d44407; --color-5: #d1b04f. 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