Acid Green#9ED100
Ember Orange#F26A21
Charcoal#1A1A1A
Slate#6E7B7E
Stone#A7A29A
Palette direction

Linkin Park Inspired Color Palette

This palette channels Linkin Park’s sharp industrial energy through a bold triad of acid green, ember orange, and blackened graphite. The system feels aggressive, modern, and instantly recognizable while staying usable across branding and digital UI.

AnalogousCreativeLinkin Parkalternative rockindustrialconcert branding
palette-preview.example
Creative color direction

Linkin Park Inspired Color Palette

This palette channels Linkin Park’s sharp industrial energy through a bold triad of acid green, ember orange, and blackened graphite. The system feels aggressive, modern, and instantly recognizable while staying usable across branding and digital UI.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo White #FFFFFFon Charcoal #1A1A1A17.4:1 Excellent
Logo Near Black #0A0A0Aon Acid Green #9ED10010.9:1 Excellent
Logo Near Black #0A0A0Aon Ember Orange #F26A216.5:1 Strong
Logo Near Black #0A0A0Aon White #FFFFFF19.8:1 Excellent
Icon color
BackgroundAcid Green#9ED100TextNear Black#0A0A0A
Primary Button10.91:1
AAA

Best for the main action users should notice first.

BackgroundEmber Orange#F26A21TextNear Black#0A0A0A
Secondary Button6.47:1
AA

Useful for softer choices and secondary paths.

BackgroundIvory#F4F4F1TextIvory#F4F4F1
Outlined Button1.00:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundIvory#F4F4F1TextEmber Orange#F26A21
Text Button2.78:1
Low

A quiet action for links, navigation, and inline decisions.

Palette composition8 colorsAnalogous color relationship
9:41Linkin Park Inspired Color Palette Color role balance
Analogous system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CLinkin Park Inspired Color PaletteCreative brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors combine a toxic electric green, a heated orange, and a deep charcoal-black to echo Linkin Park’s high-contrast, industrial aesthetic. Together they create a recognizable system with tension, motion, and strong visual punch.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Acid Green #9ED100
HeadlineUsed for main titles and key messages.Charcoal #1A1A1A
LinkUsed for links and interactive text.Ember Orange #F26A21

Buttons

Primary Button
BackgroundAcid Green #9ED100
TextNear Black #0A0A0A
Secondary Button
BackgroundEmber Orange #F26A21
TextNear Black #0A0A0A
Outlined Button
BackgroundEmber Orange #F26A21
TextIvory #F4F4F1

Interface

TextDefault readable body text.Near Black #0A0A0A
Bg LightLight page or section background.Ivory #F4F4F1
Bg DarkDark page or section background.Near Black #0A0A0A
IconSmall interface icons and marks.Slate #6E7B7E
BorderCards, inputs, and component borders.Slate #6E7B7E
DividerSubtle separators between content.Stone #A7A29A
OutlineFocus rings and emphasis outlines.Stone #A7A29A

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The main colors combine a toxic electric green, a heated orange, and a deep charcoal-black to echo Linkin Park’s high-contrast, industrial aesthetic. Together they create a recognizable system with tension, motion, and strong visual punch.

PrimaryAcid Green

RolesLogo, Btn Primary Bg

Acid Green delivers the band’s most distinctive signal with a sharp, modern intensity that reads instantly in logos and primary actions.

HEX#9ED100
RGB158, 209, 0
HSL75, 100, 41
CMYK24, 0, 100, 18
SecondaryEmber Orange

RolesLink, Btn Secondary Bg, Btn Outlined Border

Ember Orange adds heat and urgency, giving links and secondary actions a vivid contrast that feels energetic without overpowering the system.

HEX#F26A21
RGB242, 106, 33
HSL21, 89, 54
CMYK0, 56, 86, 5
TertiaryCharcoal

RolesHeadline

Charcoal grounds the palette with a hard-edged, performance-ready darkness that suits headlines and reinforces the industrial mood.

HEX#1A1A1A
RGB26, 26, 26
HSL0, 0, 10
CMYK0, 0, 0, 90

Support Colors

The support colors extend the main palette with restrained metallic and stormy accents that keep the system usable without softening its edge. They add structure, contrast, and a subtle stage-light feel.

Slate

RolesIcon, Border

Slate balances the brighter main colors with a cool mechanical tone that supports UI structure and utility states.

HEX#6E7B7E
RGB110, 123, 126
HSL191, 7, 46
CMYK13, 2, 0, 51
Stone

RolesDivider, Outline

Stone provides a quieter mid-light accent that separates content cleanly while staying subordinate to the core palette.

HEX#A7A29A
RGB167, 162, 154
HSL37, 7, 63
CMYK0, 3, 8, 35

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

White
HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory

RolesBg Light, Btn Outlined Text

HEX#F4F4F1
RGB244, 244, 241
HSL60, 12, 95
CMYK0, 0, 1, 4
Near Black

RolesBg Dark, Text, Btn Primary Text, Btn Secondary Text

HEX#0A0A0A
RGB10, 10, 10
HSL0, 0, 4
CMYK0, 0, 0, 96

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.

Use when: you need the actual colors.
:root {
  --color-acid-green: #9ED100;
  --color-ember-orange: #F26A21;
  --color-charcoal: #1A1A1A;
  --color-slate: #6E7B7E;
  --color-stone: #A7A29A;
  --color-white: #FFFFFF;
  --color-ivory: #F4F4F1;
  --color-near-black: #0A0A0A;
}

Role tokens

Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.

Use when: you need UI roles, not just swatches.
:root {
  --role-logo: #9ED100;
  --role-btn-primary-bg: #9ED100;
  --role-link: #F26A21;
  --role-btn-secondary-bg: #F26A21;
  --role-btn-outlined-border: #F26A21;
  --role-headline: #1A1A1A;
  --role-icon: #6E7B7E;
  --role-border: #6E7B7E;
  --role-divider: #A7A29A;
  --role-outline: #A7A29A;
  --role-bg-light: #F4F4F1;
  --role-btn-outlined-text: #F4F4F1;
  --role-bg-dark: #0A0A0A;
  --role-text: #0A0A0A;
  --role-btn-primary-text: #0A0A0A;
  --role-btn-secondary-text: #0A0A0A;
}

JSON

Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.

Use when: a developer or app needs data.
{
    "acid-green": "#9ED100",
    "ember-orange": "#F26A21",
    "charcoal": "#1A1A1A",
    "slate": "#6E7B7E",
    "stone": "#A7A29A",
    "white": "#FFFFFF",
    "ivory": "#F4F4F1",
    "near-black": "#0A0A0A"
}
Press Space to load new palette