← Back to Editor

#36A873 · #D9C858 · #DAA07B · #FF436E · #150708

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#36A873

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#36A873
RGB
rgb(54, 168, 115)
HSL
hsl(152, 51%, 44%)
HSB
hsb(152, 68%, 66%)
CMYK
cmyk(68%, 0%, 32%, 34%)
Oklch
oklch(65.4% 0.130 159.0)

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

#D9C858

Autumn Sage · SandyBrown · Sunflower

HEX
#D9C858
RGB
rgb(217, 200, 88)
HSL
hsl(52, 63%, 60%)
HSB
hsb(52, 59%, 85%)
CMYK
cmyk(0%, 8%, 59%, 15%)
Oklch
oklch(82.5% 0.133 100.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#DAA07B

Apricot · DarkSalmon · Warm Sun

HEX
#DAA07B
RGB
rgb(218, 160, 123)
HSL
hsl(23, 56%, 67%)
HSB
hsb(23, 44%, 85%)
CMYK
cmyk(0%, 27%, 44%, 15%)
Oklch
oklch(75.2% 0.086 53.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF436E

Peach Pink · Tomato · Coral Red

HEX
#FF436E
RGB
rgb(255, 67, 110)
HSL
hsl(346, 100%, 63%)
HSB
hsb(346, 74%, 100%)
CMYK
cmyk(0%, 74%, 57%, 0%)
Oklch
oklch(67.0% 0.223 12.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#150708

Crimson · Black · Deep Berry

HEX
#150708
RGB
rgb(21, 7, 8)
HSL
hsl(356, 50%, 5%)
HSB
hsb(356, 67%, 8%)
CMYK
cmyk(0%, 67%, 62%, 92%)
Oklch
oklch(15.2% 0.026 15.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

36A873
A9376C

Analogous

37A93B
36A873
37A6A9

Triadic

36A873
7437A9
A97437

Split-Comp.

36A873
A937A6
A93B37

Tetradic

36A873
3B37A9
A9376C
A6A937

Contrast Matrix WCAG 2.1 Contrast

36A873
D9C858
DAA07B
FF436E
150708
—
1.8
Fail
1.3
Fail
1.1
Fail
6.6
AA
1.8
Fail
—
1.3
Fail
2.0
Fail
11.6
AAA
1.3
Fail
1.3
Fail
—
1.5
Fail
8.7
AAA
1.1
Fail
2.0
Fail
1.5
Fail
—
5.9
AA
6.6
AA
11.6
AAA
8.7
AAA
5.9
AA
—
White BG
3.0Fail
1.7Fail
2.3Fail
3.3AA Large
19.7AAA
Black BG
7.0AAA
12.4AAA
9.3AAA
6.3AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

676880
D2D173
C1C084
AEAC64
0F0F08

Deuteranopia

615883
D3D47A
C4C986
B9C761
101108

Tritanopia

3C8A8C
D8888D
D78B8D
F65B5A
140808

Achromatopsia

808080
C0C0C0
ADADAD
808080
0B0B0B

Shades & Tints Shades & Tints

#36A873

Dark
Light

#D9C858

Dark
Light

#DAA07B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #36a873;
  --color-2: #d9c858;
  --color-3: #daa07b;
  --color-4: #ff436e;
  --color-5: #150708;
}

SCSS

$color-1: #36a873;
$color-2: #d9c858;
$color-3: #daa07b;
$color-4: #ff436e;
$color-5: #150708;

TAILWIND

colors: {
  'brand-1': '#36a873',
  'brand-2': '#d9c858',
  'brand-3': '#daa07b',
  'brand-4': '#ff436e',
  'brand-5': '#150708',
}

RGB Array

[54, 168, 115], [217, 200, 88], [218, 160, 123], [255, 67, 110], [21, 7, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #36A873, #D9C858, #DAA07B, #FF436E, #150708 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #36a873; --color-2: #d9c858; --color-3: #daa07b; --color-4: #ff436e; --color-5: #150708. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 general-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