← Back to Editor

#FFA007 · #FDE407 · #000268 · #0E0427 · #11031D

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 AppData Visualization

Color Details Color Details

#FFA007

Ginger · Orange · Warm Sun

HEX
#FFA007
RGB
rgb(255, 160, 7)
HSL
hsl(37, 100%, 51%)
HSB
hsb(37, 97%, 100%)
CMYK
cmyk(0%, 37%, 97%, 0%)
Oklch
oklch(78.4% 0.171 67.8)

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

#FDE407

Autumn Sage · Gold · Sunflower

HEX
#FDE407
RGB
rgb(253, 228, 7)
HSL
hsl(54, 98%, 51%)
HSB
hsb(54, 97%, 99%)
CMYK
cmyk(0%, 10%, 97%, 1%)
Oklch
oklch(91.1% 0.190 101.3)

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

#000268

Indigo · Navy · Deep Sea Blue

HEX
#000268
RGB
rgb(0, 2, 104)
HSL
hsl(239, 100%, 20%)
HSB
hsb(239, 100%, 41%)
CMYK
cmyk(100%, 98%, 0%, 59%)
Oklch
oklch(23.6% 0.160 264.1)

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

#0E0427

Deep Indigo · Black · Deep Sea Blue

HEX
#0E0427
RGB
rgb(14, 4, 39)
HSL
hsl(257, 81%, 8%)
HSB
hsb(257, 90%, 15%)
CMYK
cmyk(64%, 90%, 0%, 85%)
Oklch
oklch(15.6% 0.069 290.5)

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

#11031D

Royal Purple · Black · Dark Purple

HEX
#11031D
RGB
rgb(17, 3, 29)
HSL
hsl(272, 81%, 6%)
HSB
hsb(272, 90%, 11%)
CMYK
cmyk(41%, 90%, 0%, 89%)
Oklch
oklch(14.7% 0.058 307.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFA007
0565FF

Analogous

FF2205
FFA007
E2FF05

Triadic

FFA007
05FF9F
9F05FF

Split-Comp.

FFA007
05E2FF
2205FF

Tetradic

FFA007
05FF22
0565FF
FF05E2

Contrast Matrix WCAG 2.1 Contrast

FFA007
FDE407
000268
0E0427
11031D
—
1.6
Fail
8.5
AAA
9.7
AAA
9.8
AAA
1.6
Fail
—
13.5
AAA
15.3
AAA
15.4
AAA
8.5
AAA
13.5
AAA
—
1.1
Fail
1.1
Fail
9.7
AAA
15.3
AAA
1.1
Fail
—
1.0
Fail
9.8
AAA
15.4
AAA
1.1
Fail
1.0
Fail
—
White BG
2.0Fail
1.3Fail
17.4AAA
19.7AAA
19.9AAA
Black BG
10.3AAA
16.3AAA
1.2Fail
1.1Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D52C
F2F23C
01014F
0A0A1F
0B0B17

Deuteranopia

DBE335
F4F649
010149
0A0B1C
0C0D15

Tritanopia

FA4950
FC6770
003C38
0D1816
101211

Achromatopsia

ABABAB
D2D2D2
0D0D0D
0B0B0B
0A0A0A

Shades & Tints Shades & Tints

#FFA007

Dark
Light

#FDE407

Dark
Light

#000268

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffa007;
  --color-2: #fde407;
  --color-3: #000268;
  --color-4: #0e0427;
  --color-5: #11031d;
}

SCSS

$color-1: #ffa007;
$color-2: #fde407;
$color-3: #000268;
$color-4: #0e0427;
$color-5: #11031d;

TAILWIND

colors: {
  'brand-1': '#ffa007',
  'brand-2': '#fde407',
  'brand-3': '#000268',
  'brand-4': '#0e0427',
  'brand-5': '#11031d',
}

RGB Array

[255, 160, 7], [253, 228, 7], [0, 2, 104], [14, 4, 39], [17, 3, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FFA007, #FDE407, #000268, #0E0427, #11031D is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ffa007; --color-2: #fde407; --color-3: #000268; --color-4: #0e0427; --color-5: #11031d. 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. 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 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