This palette translates New York into a refined system of skyline blue, subway green, and taxi gold, with disciplined neutrals that keep the look urban and usable. The combination feels fast, confident, and unmistakably metropolitan without leaning on one cliché image of the city.
This palette translates New York into a refined system of skyline blue, subway green, and taxi gold, with disciplined neutrals that keep the look urban and usable. The combination feels fast, confident, and unmistakably metropolitan without leaning on one cliché image of the city.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors form a triadic system that captures New York’s layered identity: architecture, transit, and street energy. Together they create a recognizable city code that stays vivid but controlled.
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 form a triadic system that captures New York’s layered identity: architecture, transit, and street energy. Together they create a recognizable city code that stays vivid but controlled.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border
It evokes steel towers and Hudson light, giving the palette a credible New York backbone.
#1F4E7931, 78, 121209, 59, 3074, 36, 0, 53RolesHeadline, Btn Secondary Bg
It adds an urban transit note that feels grounded, practical, and slightly historic.
#2F6B5747, 107, 87160, 39, 3056, 0, 19, 58RolesBtn Outlined Text
It brings the city’s iconic street-level energy and creates a sharp accent against light surfaces.
#D59A1F213, 154, 3141, 75, 480, 28, 85, 16The support colors soften and modernize the main trio with restrained atmospheric tones that feel like sidewalks, river haze, and weathered stone. They keep the palette flexible without competing with the recognizability of the primary city colors.
RolesIcon, Border
It balances the stronger hues with a neutral urban gray that reads like concrete and steel.
#6B7280107, 114, 128220, 9, 4616, 11, 0, 50RolesDivider, Outline
It adds a cool, airy boundary color that echoes the city’s water and skyline reflections.
#8FA3B8143, 163, 184211, 22, 6422, 11, 0, 28Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#F7F5F0247, 245, 24043, 30, 950, 1, 3, 3RolesBtn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark, Text
#11182717, 24, 39221, 39, 1156, 38, 0, 85Copy 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-skyline-blue: #1F4E79;
--color-subway-green: #2F6B57;
--color-taxi-gold: #D59A1F;
--color-avenue-slate: #6B7280;
--color-river-mist: #8FA3B8;
--color-city-light: #F7F5F0;
--color-pure-white: #FFFFFF;
--color-midnight-asphalt: #111827;
}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: #1F4E79;
--role-link: #1F4E79;
--role-btn-primary-bg: #1F4E79;
--role-btn-outlined-border: #1F4E79;
--role-headline: #2F6B57;
--role-btn-secondary-bg: #2F6B57;
--role-btn-outlined-text: #D59A1F;
--role-icon: #6B7280;
--role-border: #6B7280;
--role-divider: #8FA3B8;
--role-outline: #8FA3B8;
--role-bg-light: #F7F5F0;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111827;
--role-text: #111827;
}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.{
"skyline-blue": "#1F4E79",
"subway-green": "#2F6B57",
"taxi-gold": "#D59A1F",
"avenue-slate": "#6B7280",
"river-mist": "#8FA3B8",
"city-light": "#F7F5F0",
"pure-white": "#FFFFFF",
"midnight-asphalt": "#111827"
}