This palette channels the stark tension of Squid Game with a bold red and deep green anchored by neutral institutional tones. The system feels instantly recognizable, high-contrast, and suited to dramatic entertainment branding while staying usable in digital interfaces.
This palette channels the stark tension of Squid Game with a bold red and deep green anchored by neutral institutional tones. The system feels instantly recognizable, high-contrast, and suited to dramatic entertainment branding while staying usable in digital interfaces.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The palette centers on the show’s iconic red and green contrast, creating immediate recognition and visual tension. A dark red-brown bridge color ties the system together so the palette feels intentional rather than literal.
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 palette centers on the show’s iconic red and green contrast, creating immediate recognition and visual tension. A dark red-brown bridge color ties the system together so the palette feels intentional rather than literal.
RolesLogo, Btn Primary Bg
Crimson carries the show’s urgency and danger, making it the strongest attention-grabbing anchor.
#C41E3A196, 30, 58350, 73, 440, 85, 70, 23RolesLink, Btn Secondary Bg
Jade adds the familiar guard-uniform feel and balances the red with a cool, disciplined counterpoint.
#1F6B5331, 107, 83161, 55, 2771, 0, 22, 58RolesBtn Outlined Border, Btn Outlined Text, Headline
Mahogany softens the contrast between red and green while keeping the palette grounded in a tense, cinematic tone.
#5A232390, 35, 350, 44, 250, 61, 61, 65The support accents extend the world of the main colors with quieter, utility-focused hues that reinforce the industrial, game-like atmosphere. They stay subdued so the red and green remain the defining signal.
RolesIcon, Border
Slate adds a controlled metallic note that supports UI structure without competing with the main colors.
#8C9A9E140, 154, 158193, 8, 5811, 3, 0, 38RolesDivider, Outline
Ash provides a restrained neutral accent that keeps layouts clean and reinforces the cold, institutional feel.
#B8C0C7184, 192, 199208, 12, 758, 4, 0, 22Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F3F1EA243, 241, 23447, 27, 940, 1, 4, 5RolesBg Dark, Text
#12121218, 18, 180, 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-crimson: #C41E3A;
--color-jade: #1F6B53;
--color-mahogany: #5A2323;
--color-slate: #8C9A9E;
--color-ash: #B8C0C7;
--color-white: #FFFFFF;
--color-ivory: #F3F1EA;
--color-charcoal: #121212;
}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: #C41E3A;
--role-btn-primary-bg: #C41E3A;
--role-link: #1F6B53;
--role-btn-secondary-bg: #1F6B53;
--role-btn-outlined-border: #5A2323;
--role-btn-outlined-text: #5A2323;
--role-headline: #5A2323;
--role-icon: #8C9A9E;
--role-border: #8C9A9E;
--role-divider: #B8C0C7;
--role-outline: #B8C0C7;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #121212;
--role-text: #121212;
}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.{
"crimson": "#C41E3A",
"jade": "#1F6B53",
"mahogany": "#5A2323",
"slate": "#8C9A9E",
"ash": "#B8C0C7",
"white": "#FFFFFF",
"ivory": "#F3F1EA",
"charcoal": "#121212"
}