← Back to Editor

#D94941 · #F08956 · #FFF2B8 · #AAC25B · #32A185

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

#D94941

Vermilion · Tomato · Passion Red

HEX
#D94941
RGB
rgb(217, 73, 65)
HSL
hsl(3, 67%, 55%)
HSB
hsb(3, 70%, 85%)
CMYK
cmyk(0%, 66%, 70%, 15%)
Oklch
oklch(60.5% 0.182 27.1)

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

#F08956

Apricot · Coral · Warm Sun

HEX
#F08956
RGB
rgb(240, 137, 86)
HSL
hsl(20, 84%, 64%)
HSB
hsb(20, 64%, 94%)
CMYK
cmyk(0%, 43%, 64%, 6%)
Oklch
oklch(73.2% 0.142 46.0)

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

#FFF2B8

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2B8
RGB
rgb(255, 242, 184)
HSL
hsl(49, 100%, 86%)
HSB
hsb(49, 28%, 100%)
CMYK
cmyk(0%, 5%, 28%, 0%)
Oklch
oklch(95.8% 0.075 97.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#AAC25B

Grass Green · DarkSeaGreen · Olive Green

HEX
#AAC25B
RGB
rgb(170, 194, 91)
HSL
hsl(74, 46%, 56%)
HSB
hsb(74, 53%, 76%)
CMYK
cmyk(12%, 0%, 53%, 24%)
Oklch
oklch(77.4% 0.132 120.5)

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

#32A185

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#32A185
RGB
rgb(50, 161, 133)
HSL
hsl(165, 53%, 41%)
HSB
hsb(165, 69%, 63%)
CMYK
cmyk(69%, 0%, 17%, 37%)
Oklch
oklch(64.0% 0.108 172.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D94941
3FD1D9

Analogous

D93F85
D94941
D9943F

Triadic

D94941
3FD947
473FD9

Split-Comp.

D94941
3FD994
3F85D9

Tetradic

D94941
85D93F
3FD1D9
943FD9

Contrast Matrix WCAG 2.1 Contrast

D94941
F08956
FFF2B8
AAC25B
32A185
—
1.7
Fail
3.7
AA Large
2.1
Fail
1.3
Fail
1.7
Fail
—
2.2
Fail
1.3
Fail
1.3
Fail
3.7
AA Large
2.2
Fail
—
1.8
Fail
2.8
Fail
2.1
Fail
1.3
Fail
1.8
Fail
—
1.6
Fail
1.3
Fail
1.3
Fail
2.8
Fail
1.6
Fail
—
White BG
4.2AA Large
2.5Fail
1.1Fail
2.0Fail
3.2AA Large
Black BG
5.0AA
8.4AAA
18.6AAA
10.6AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9943
C3C262
F9F9C6
B4B574
62638C

Deuteranopia

A3AE43
C9D165
FAFBC9
B3B17A
5C538D

Tritanopia

D24445
EB6C6E
FED1D4
AB888C
389192

Achromatopsia

737373
A2A2A2
EFEFEF
AFAFAF
7D7D7D

Shades & Tints Shades & Tints

#D94941

Dark
Light

#F08956

Dark
Light

#FFF2B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d94941;
  --color-2: #f08956;
  --color-3: #fff2b8;
  --color-4: #aac25b;
  --color-5: #32a185;
}

SCSS

$color-1: #d94941;
$color-2: #f08956;
$color-3: #fff2b8;
$color-4: #aac25b;
$color-5: #32a185;

TAILWIND

colors: {
  'brand-1': '#d94941',
  'brand-2': '#f08956',
  'brand-3': '#fff2b8',
  'brand-4': '#aac25b',
  'brand-5': '#32a185',
}

RGB Array

[217, 73, 65], [240, 137, 86], [255, 242, 184], [170, 194, 91], [50, 161, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D94941, #F08956, #FFF2B8, #AAC25B, #32A185 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: #d94941; --color-2: #f08956; --color-3: #fff2b8; --color-4: #aac25b; --color-5: #32a185. 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