Kickstarter color palette
EntertainmentKickstarter's color identity is defined by its distinctive green, paired with dark backgrounds and neutral grays for clarity and accessibility. The palette is minimal, focusing on usability and brand recognition.
kickstarter.comKickstarter colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Kickstarter GreenPrimary5, 206, 120
- Kickstarter CharcoalSecondary40, 40, 40
- Kickstarter WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Kickstarter BlackBackground24, 24, 24
- Kickstarter Light GraySurface247, 247, 247
- Kickstarter Border GrayBorder230, 230, 230
Text
Three tiers of copy.- Kickstarter Text BlackText24, 24, 24
- Kickstarter Medium GraySecondary text106, 106, 106
- Kickstarter Muted GrayMuted text162, 162, 162
Semantic
Feedback and state colors.- Kickstarter Success GreenSuccess5, 206, 120
- Kickstarter Warning YellowWarning255, 184, 0
- Kickstarter Error RedError255, 75, 75
- Kickstarter Info BlueInfo0, 134, 255
Use Kickstarter's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kickstarter-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0086FF;
--error: #FF4B4B;
--accent: #FFFFFF;
--border: #E6E6E6;
--primary: #05CE78;
--success: #05CE78;
--surface: #F7F7F7;
--warning: #FFB800;
--secondary: #282828;
--text-muted: #A2A2A2;
--background: #181818;
--text-primary: #181818;
--text-secondary: #6A6A6A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
1.0:1
Fail
Text on surface
Needs 4.5:1 for body text
16.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
3.3:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
7.0:1
Pass
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Kickstarter gray, dark and neutral colors
Kickstarter runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Kickstarter BlackBackground
- HEX
- RGB
- HSL
- Kickstarter Light GraySurface
- HEX
- RGB
- HSL
- Kickstarter Border GrayBorder
- HEX
- RGB
- HSL
- Kickstarter Text BlackText
- HEX
- RGB
- HSL
- Kickstarter Medium GraySecondary text
- HEX
- RGB
- HSL
- Kickstarter Muted GrayMuted text
- HEX
- RGB
- HSL
About Kickstarter's colors
Kickstarter's palette centers on a vibrant green to evoke creativity and optimism, balanced by dark and neutral tones for readability. The minimal use of color highlights content and calls to action.
Primary green contrasts with dark backgrounds for high visibility.
Neutral grays support accessibility and hierarchy.
Accent white is used for clarity and separation.
Psychology
The green suggests growth, innovation, and positive action, aligning with Kickstarter’s mission to support creative projects. Dark backgrounds create a focused, immersive experience.
Evolution
Kickstarter's color palette has remained consistent since its early years, with only minor adjustments to green and gray tones for accessibility. The brand has maintained its signature green as a core identifier.
Where Kickstarter uses each color
- Primary
Used for main call-to-action buttons and highlights throughout the website.
- Secondary
Appears in navigation bars, footers, and backgrounds for contrast.
- Accent
Used for text and icons on dark backgrounds, as well as in UI elements.
- Backgrounds
Dark backgrounds are used for main app screens and project pages.
- Text
Primary and secondary grays are used for body text, headings, and muted UI labels.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Kickstarter color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Kickstarter primary color hex code is #05CE78. This green is used for branding and key actions.
Kickstarter Green (#05CE78) is RGB(5, 206, 120) and approximately CMYK(98, 0, 42, 19). Use these for accurate reproduction in digital and print.
Kickstarter uses #181818 (Kickstarter Black), #282828 (Kickstarter Charcoal), #6A6A6A (Medium Gray), and #A2A2A2 (Muted Gray) for backgrounds and text. These neutrals ensure accessibility and brand consistency.
Use Kickstarter Green (#05CE78) for primary actions and highlights, with dark backgrounds and neutral grays for structure and readability. Accent white (#FFFFFF) is reserved for text and icons on dark surfaces.
The secondary color is Kickstarter Charcoal, #282828, and the accent is Kickstarter White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
3 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Kickstarter's colors consistently when it generates UI.
Make something in the spirit of Kickstarter
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.