← Back to Editor

#BAAC30 · #CF8F0E · #D96D16 · #C4321C · #0F2932

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

#BAAC30

Autumn Sage · GoldenRod · Honey Gold

HEX
#BAAC30
RGB
rgb(186, 172, 48)
HSL
hsl(54, 59%, 46%)
HSB
hsb(54, 74%, 73%)
CMYK
cmyk(0%, 8%, 74%, 27%)
Oklch
oklch(73.5% 0.139 102.7)

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

#CF8F0E

Ochre · DarkGoldenRod · Honey Gold

HEX
#CF8F0E
RGB
rgb(207, 143, 14)
HSL
hsl(40, 87%, 43%)
HSB
hsb(40, 93%, 81%)
CMYK
cmyk(0%, 31%, 93%, 19%)
Oklch
oklch(69.6% 0.143 76.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D96D16

Tangerine · Chocolate · Amber Brown

HEX
#D96D16
RGB
rgb(217, 109, 22)
HSL
hsl(27, 82%, 47%)
HSB
hsb(27, 90%, 85%)
CMYK
cmyk(0%, 50%, 90%, 15%)
Oklch
oklch(65.0% 0.161 51.7)

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

#C4321C

Vermilion · FireBrick · Passion Red

HEX
#C4321C
RGB
rgb(196, 50, 28)
HSL
hsl(8, 75%, 44%)
HSB
hsb(8, 86%, 77%)
CMYK
cmyk(0%, 74%, 86%, 23%)
Oklch
oklch(54.2% 0.186 31.6)

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

#0F2932

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0F2932
RGB
rgb(15, 41, 50)
HSL
hsl(195, 54%, 13%)
HSB
hsb(195, 70%, 20%)
CMYK
cmyk(70%, 18%, 0%, 80%)
Oklch
oklch(26.5% 0.036 223.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAAC30
303EBB

Analogous

BB6730
BAAC30
83BB30

Triadic

BAAC30
30BBAD
AD30BB

Split-Comp.

BAAC30
3083BB
6730BB

Tetradic

BAAC30
30BB67
303EBB
BB3083

Contrast Matrix WCAG 2.1 Contrast

BAAC30
CF8F0E
D96D16
C4321C
0F2932
—
1.2
Fail
1.5
Fail
2.4
Fail
6.5
AA
1.2
Fail
—
1.2
Fail
2.0
Fail
5.5
AA
1.5
Fail
1.2
Fail
—
1.6
Fail
4.4
AA Large
2.4
Fail
2.0
Fail
1.6
Fail
—
2.8
Fail
6.5
AA
5.5
AA
4.4
AA Large
2.8
Fail
—
White BG
2.3Fail
2.8Fail
3.4AA Large
5.5AA
15.2AAA
Black BG
9.0AAA
7.6AAA
6.1AA
3.8AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B44E
B3B32D
AAA92B
858321
1A1A30

Deuteranopia

B5B655
B7BC35
B1B930
8D9823
19172F

Tritanopia

B9666B
CC464B
D43C3F
BD2626
102E2E

Achromatopsia

A2A2A2
939393
838383
5B5B5B
222222

Shades & Tints Shades & Tints

#BAAC30

Dark
Light

#CF8F0E

Dark
Light

#D96D16

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #baac30;
  --color-2: #cf8f0e;
  --color-3: #d96d16;
  --color-4: #c4321c;
  --color-5: #0f2932;
}

SCSS

$color-1: #baac30;
$color-2: #cf8f0e;
$color-3: #d96d16;
$color-4: #c4321c;
$color-5: #0f2932;

TAILWIND

colors: {
  'brand-1': '#baac30',
  'brand-2': '#cf8f0e',
  'brand-3': '#d96d16',
  'brand-4': '#c4321c',
  'brand-5': '#0f2932',
}

RGB Array

[186, 172, 48], [207, 143, 14], [217, 109, 22], [196, 50, 28], [15, 41, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #BAAC30, #CF8F0E, #D96D16, #C4321C, #0F2932 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: #baac30; --color-2: #cf8f0e; --color-3: #d96d16; --color-4: #c4321c; --color-5: #0f2932. 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