← Back to Editor

#DAD836 · #F88719 · #A6295B · #560D53 · #31187B

cool

A 5-color cool 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

#DAD836

Autumn Sage · GoldenRod · Sunflower

HEX
#DAD836
RGB
rgb(218, 216, 54)
HSL
hsl(59, 69%, 53%)
HSB
hsb(59, 75%, 85%)
CMYK
cmyk(0%, 1%, 75%, 15%)
Oklch
oklch(85.7% 0.171 108.8)

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

#F88719

Ginger · Orange · Warm Sun

HEX
#F88719
RGB
rgb(248, 135, 25)
HSL
hsl(30, 94%, 54%)
HSB
hsb(30, 90%, 97%)
CMYK
cmyk(0%, 46%, 90%, 3%)
Oklch
oklch(73.4% 0.173 56.3)

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

#A6295B

Dark Violet · Brown · Camellia

HEX
#A6295B
RGB
rgb(166, 41, 91)
HSL
hsl(336, 60%, 41%)
HSB
hsb(336, 75%, 65%)
CMYK
cmyk(0%, 75%, 45%, 35%)
Oklch
oklch(49.3% 0.165 1.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#560D53

Rose Purple · Purple · Dark Purple

HEX
#560D53
RGB
rgb(86, 13, 83)
HSL
hsl(302, 74%, 19%)
HSB
hsb(302, 85%, 34%)
CMYK
cmyk(0%, 85%, 3%, 66%)
Oklch
oklch(32.5% 0.132 330.0)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#31187B

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#31187B
RGB
rgb(49, 24, 123)
HSL
hsl(255, 67%, 29%)
HSB
hsb(255, 80%, 48%)
CMYK
cmyk(60%, 80%, 0%, 52%)
Oklch
oklch(31.9% 0.154 285.2)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD836
3437DA

Analogous

DA8434
DAD836
8ADA34

Triadic

DAD836
34DAD7
D734DA

Split-Comp.

DAD836
348ADA
8434DA

Tetradic

DAD836
34DA84
3437DA
DA348A

Contrast Matrix WCAG 2.1 Contrast

DAD836
F88719
A6295B
560D53
31187B
—
1.6
Fail
4.5
AA Large
8.8
AAA
9.0
AAA
1.6
Fail
—
2.7
Fail
5.4
AA
5.5
AA
4.5
AA Large
2.7
Fail
—
2.0
Fail
2.0
Fail
8.8
AAA
5.4
AA
2.0
Fail
—
1.0
Fail
9.0
AAA
5.5
AA
2.0
Fail
1.0
Fail
—
White BG
1.5Fail
2.5Fail
6.8AA
13.3AAA
13.6AAA
Black BG
13.9AAA
8.5AAA
3.1AA Large
1.6Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D95D
C7C634
706F4F
363642
262663

Deuteranopia

D9D967
CED63A
77814C
3B403E
282A5D

Tritanopia

DA7C83
F2494D
A04543
523532
30504C

Achromatopsia

C6C6C6
9C9C9C
545454
2B2B2B
2B2B2B

Shades & Tints Shades & Tints

#DAD836

Dark
Light

#F88719

Dark
Light

#A6295B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad836;
  --color-2: #f88719;
  --color-3: #a6295b;
  --color-4: #560d53;
  --color-5: #31187b;
}

SCSS

$color-1: #dad836;
$color-2: #f88719;
$color-3: #a6295b;
$color-4: #560d53;
$color-5: #31187b;

TAILWIND

colors: {
  'brand-1': '#dad836',
  'brand-2': '#f88719',
  'brand-3': '#a6295b',
  'brand-4': '#560d53',
  'brand-5': '#31187b',
}

RGB Array

[218, 216, 54], [248, 135, 25], [166, 41, 91], [86, 13, 83], [49, 24, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DAD836, #F88719, #A6295B, #560D53, #31187B 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: #dad836; --color-2: #f88719; --color-3: #a6295b; --color-4: #560d53; --color-5: #31187b. 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 cool-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