← Back to Editor

#2DC288 · #A7BF75 · #CC9E2A · #ED5919 · #DB1617

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#2DC288

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#2DC288
RGB
rgb(45, 194, 136)
HSL
hsl(157, 62%, 47%)
HSB
hsb(157, 77%, 76%)
CMYK
cmyk(77%, 0%, 30%, 24%)
Oklch
oklch(72.4% 0.148 161.5)

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

#A7BF75

Grass Green · DarkSeaGreen · Olive Green

HEX
#A7BF75
RGB
rgb(167, 191, 117)
HSL
hsl(79, 37%, 60%)
HSB
hsb(79, 39%, 75%)
CMYK
cmyk(13%, 0%, 39%, 25%)
Oklch
oklch(76.9% 0.102 123.4)

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

#CC9E2A

Ochre · GoldenRod · Honey Gold

HEX
#CC9E2A
RGB
rgb(204, 158, 42)
HSL
hsl(43, 66%, 48%)
HSB
hsb(43, 79%, 80%)
CMYK
cmyk(0%, 23%, 79%, 20%)
Oklch
oklch(72.3% 0.136 85.3)

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

#ED5919

Tangerine · Chocolate · Warm Sun

HEX
#ED5919
RGB
rgb(237, 89, 25)
HSL
hsl(18, 85%, 51%)
HSB
hsb(18, 89%, 93%)
CMYK
cmyk(0%, 62%, 89%, 7%)
Oklch
oklch(65.2% 0.195 39.8)

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

#DB1617

Vermilion · Crimson · Passion Red

HEX
#DB1617
RGB
rgb(219, 22, 23)
HSL
hsl(360, 82%, 47%)
HSB
hsb(360, 90%, 86%)
CMYK
cmyk(0%, 90%, 89%, 14%)
Oklch
oklch(56.6% 0.223 28.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Deep Ember

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2DC288
C22E67

Analogous

2EC23F
2DC288
2EB1C2

Triadic

2DC288
892EC2
C2892E

Split-Comp.

2DC288
C22EB1
C23F2E

Tetradic

2DC288
3F2EC2
C22E67
B1C22E

Contrast Matrix WCAG 2.1 Contrast

2DC288
A7BF75
CC9E2A
ED5919
DB1617
—
1.1
Fail
1.1
Fail
1.5
Fail
2.2
Fail
1.1
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.5
Fail
1.7
Fail
1.4
Fail
—
1.5
Fail
2.2
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
White BG
2.3Fail
2.0Fail
2.5Fail
3.5AA Large
5.1AA
Black BG
9.2AAA
10.4AAA
8.5AAA
6.0AA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6F96
B1B287
B8B846
ADAC28
868417

Deuteranopia

655A99
B0AE8B
BBBE4D
B6C12C
91A017

Tritanopia

34A1A4
A89598
CA5C61
E63537
D11717

Achromatopsia

8F8F8F
AFAFAF
9F9F9F
7E7E7E
515151

Shades & Tints Shades & Tints

#2DC288

Dark
Light

#A7BF75

Dark
Light

#CC9E2A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2dc288;
  --color-2: #a7bf75;
  --color-3: #cc9e2a;
  --color-4: #ed5919;
  --color-5: #db1617;
}

SCSS

$color-1: #2dc288;
$color-2: #a7bf75;
$color-3: #cc9e2a;
$color-4: #ed5919;
$color-5: #db1617;

TAILWIND

colors: {
  'brand-1': '#2dc288',
  'brand-2': '#a7bf75',
  'brand-3': '#cc9e2a',
  'brand-4': '#ed5919',
  'brand-5': '#db1617',
}

RGB Array

[45, 194, 136], [167, 191, 117], [204, 158, 42], [237, 89, 25], [219, 22, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #2DC288, #A7BF75, #CC9E2A, #ED5919, #DB1617 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: #2dc288; --color-2: #a7bf75; --color-3: #cc9e2a; --color-4: #ed5919; --color-5: #db1617. 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 warm-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