Solana color palette
FinanceSolana's color identity features a vibrant gradient-based palette anchored by its signature purple, paired with deep dark neutrals and bright accent hues. The brand's colors are used across its digital assets to create a futuristic and energetic visual language.
solana.comSolana colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Solana PurplePrimary153, 69, 255
- Solana GreenSecondary20, 241, 149
- Solana MintAccent25, 251, 155
Surfaces
Page, cards and dividers.- Solana BlackBackground0, 0, 0
- Solana Dark SurfaceSurface26, 26, 26
- Solana Border GrayBorder42, 42, 42
Text
Three tiers of copy.- Solana WhiteText255, 255, 255
- Solana GraySecondary text163, 163, 163
- Solana MutedMuted text102, 102, 102
Semantic
Feedback and state colors.- Solana MintSuccess25, 251, 155
- Solana YellowWarning255, 214, 0
- Solana RedError255, 56, 56
- Solana BlueInfo0, 179, 255
Use Solana's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
solana-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00B3FF;
--error: #FF3838;
--accent: #19FB9B;
--border: #2A2A2A;
--primary: #9945FF;
--success: #19FB9B;
--surface: #1A1A1A;
--warning: #FFD600;
--secondary: #14F195;
--text-muted: #666666;
--background: #000000;
--text-primary: #FFFFFF;
--text-secondary: #A3A3A3;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.7:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Pass
Solana gray, dark and neutral colors
Solana 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.
- Solana BlackBackground
- HEX
- RGB
- HSL
- Solana Dark SurfaceSurface
- HEX
- RGB
- HSL
- Solana Border GrayBorder
- HEX
- RGB
- HSL
- Solana WhiteText
- HEX
- RGB
- HSL
- Solana GraySecondary text
- HEX
- RGB
- HSL
- Solana MutedMuted text
- HEX
- RGB
- HSL
About Solana's colors
Solana's palette is built around a vibrant purple and green gradient, contrasted with deep blacks and grays for a high-tech, modern feel. The use of bright accents reinforces the brand's focus on innovation and speed.
Primary purple and green are used together in gradients.
Dark backgrounds make neon accents stand out.
Neutral grays support readability and hierarchy.
Psychology
The purple and green hues evoke creativity, innovation, and forward-thinking. The dark backgrounds create a sense of sophistication and focus, while bright accents signal energy and optimism.
Evolution
Solana's palette has remained consistent since its launch, with the purple-green gradient becoming a core identifier. Minor adjustments have been made to accent and neutral tones for improved accessibility and digital clarity.
Where Solana uses each color
- Primary
Solana Purple is used for key branding elements, primary buttons, and highlights in navigation.
- Secondary
Solana Green appears in gradients, secondary buttons, and interactive states.
- Accent
Solana Mint is used for highlights, call-to-action elements, and success messages.
- Backgrounds
Solana Black is the default background for web and app interfaces.
- Text
Solana White and Solana Gray are used for primary and secondary text, ensuring contrast on dark backgrounds.
- Semantic
Solana Mint, Yellow, Red, and Blue are used for success, warning, error, and informational states respectively.
Solana color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Solana primary color hex code is #9945FF. This is officially referred to as Solana Purple.
Solana Purple (#9945FF) is RGB(153, 69, 255). Its approximate CMYK values are 40, 73, 0, 0.
Solana uses #000000 (Solana Black) for backgrounds, #1A1A1A (Solana Dark Surface) for surfaces, and #A3A3A3 (Solana Gray) for secondary text and UI elements.
Use Solana Purple (#9945FF) for primary actions and branding, with Solana Green (#14F195) and Mint (#19FB9B) as accents. Dark backgrounds and neutral grays should be used to maintain contrast and accessibility.
The secondary color is Solana Green, #14F195, and the accent is Solana Mint, #19FB9B. Together with the primary they make up the three brand colors at the top of this page.
6 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 Solana's colors consistently when it generates UI.
Make something in the spirit of Solana
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.