This palette channels SpaceX-inspired engineering energy with a high-contrast, mission-ready system built around deep black, launch-oxide red, and metallic silver. The cooler support tones add technical clarity without diluting the bold, aerospace identity.
This palette channels SpaceX-inspired engineering energy with a high-contrast, mission-ready system built around deep black, launch-oxide red, and metallic silver. The cooler support tones add technical clarity without diluting the bold, aerospace identity.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors combine SpaceX-style carbon black, launch red, and brushed metallic silver into a sharp, recognizable system. Their contrast creates a disciplined industrial feel that reads as both futuristic and operational.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors combine SpaceX-style carbon black, launch red, and brushed metallic silver into a sharp, recognizable system. Their contrast creates a disciplined industrial feel that reads as both futuristic and operational.
RolesLogo, Btn Primary Bg
Charcoal Black gives the system its mission-control seriousness and anchors the brand with a strong aerospace presence.
#0B0F1411, 15, 20213, 29, 645, 25, 0, 92RolesBtn Secondary Bg, Headline
Crimson supplies the launch-energy accent that feels urgent, engineered, and unmistakably SpaceX-inspired.
#D13239209, 50, 57357, 63, 510, 76, 73, 18RolesLink, Btn Outlined Border, Btn Outlined Text
Silver adds a refined technical edge and keeps interactive elements feeling precise rather than decorative.
#B7BDC7183, 189, 199218, 13, 758, 5, 0, 22The support colors extend the palette with cooler aerospace undertones that improve depth, hierarchy, and interface readability. They stay subdued so the red, black, and silver system remains the visual focus.
RolesIcon, Border
Slate reinforces the engineering mood while providing a restrained mid-tone for interface structure.
#5D687693, 104, 118214, 12, 4121, 12, 0, 54RolesDivider, Outline
Steel Blue introduces a cool metallic note that balances the warmth of Crimson without competing with the main colors.
#8FA3B8143, 163, 184211, 22, 6422, 11, 0, 28Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F2F4F7242, 244, 247216, 24, 962, 1, 0, 3RolesBg Dark, Text
#11111117, 17, 170, 0, 70, 0, 0, 93Copy palette values for design systems, websites, and client handoff.
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-charcoal-black: #0B0F14;
--color-crimson: #D13239;
--color-silver: #B7BDC7;
--color-slate: #5D6876;
--color-steel-blue: #8FA3B8;
--color-white: #FFFFFF;
--color-ivory: #F2F4F7;
--color-ebony: #111111;
}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: #0B0F14;
--role-btn-primary-bg: #0B0F14;
--role-btn-secondary-bg: #D13239;
--role-headline: #D13239;
--role-link: #B7BDC7;
--role-btn-outlined-border: #B7BDC7;
--role-btn-outlined-text: #B7BDC7;
--role-icon: #5D6876;
--role-border: #5D6876;
--role-divider: #8FA3B8;
--role-outline: #8FA3B8;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-text: #111111;
}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.{
"charcoal-black": "#0B0F14",
"crimson": "#D13239",
"silver": "#B7BDC7",
"slate": "#5D6876",
"steel-blue": "#8FA3B8",
"white": "#FFFFFF",
"ivory": "#F2F4F7",
"ebony": "#111111"
}