Snowflake color palette
TechSnowflake's brand color system centers on a distinctive bright blue, complemented by cool neutrals and subtle accent tones. The palette is designed for clarity, professionalism, and a modern tech aesthetic.
snowflake.comSnowflake colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Snowflake BluePrimary41, 181, 232
- Snowflake Deep BlueSecondary0, 134, 191
- Snowflake AquaAccent0, 191, 174
Surfaces
Page, cards and dividers.- Snowflake CloudBackground247, 250, 252
- Snowflake WhiteSurface255, 255, 255
- Snowflake Light GrayBorder227, 232, 238
Text
Three tiers of copy.- Snowflake NavyText26, 46, 59
- Snowflake SlateSecondary text91, 107, 122
- Snowflake MistMuted text163, 177, 194
Semantic
Feedback and state colors.- Snowflake Success GreenSuccess0, 196, 140
- Snowflake Warning YellowWarning255, 179, 0
- Snowflake Error RedError249, 94, 90
- Snowflake Info BlueInfo63, 140, 255
Use Snowflake's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
snowflake-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3F8CFF;
--error: #F95E5A;
--accent: #00BFAE;
--border: #E3E8EE;
--primary: #29B5E8;
--success: #00C48C;
--surface: #FFFFFF;
--warning: #FFB300;
--secondary: #0086BF;
--text-muted: #A3B1C2;
--background: #F7FAFC;
--text-primary: #1A2E3B;
--text-secondary: #5B6B7A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.4:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Snowflake background, border and text colors
The quiet part of the Snowflake palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Snowflake CloudBackground
- HEX
- RGB
- HSL
- Snowflake WhiteSurface
- HEX
- RGB
- HSL
- Snowflake Light GrayBorder
- HEX
- RGB
- HSL
- Snowflake NavyText
- HEX
- RGB
- HSL
- Snowflake SlateSecondary text
- HEX
- RGB
- HSL
- Snowflake MistMuted text
- HEX
- RGB
- HSL
About Snowflake's colors
Snowflake's palette is built around a vibrant blue, evoking trust and innovation, with cool neutrals for clarity and professionalism. The use of blue and white reinforces the brand's association with cloud technology and data purity.
Primary blue is complemented by deep blue and aqua accents.
Neutral grays balance the vivid blues for readability.
Semantic colors are used sparingly for status and alerts.
Psychology
Blue conveys reliability, intelligence, and calm, aligning with Snowflake's data-driven mission. The clean whites and grays support a sense of openness and transparency.
Evolution
Snowflake's palette has remained consistent since its early brand identity, with minor refinements to blue and neutral tones for accessibility. The core blue has always been central to the brand's visual system.
Where Snowflake uses each color
- Primary
Used for main navigation, call-to-action buttons, and key highlights across the website and product UI.
- Secondary
Appears in secondary buttons, links, and hover states.
- Accent
Used for charts, illustrations, and subtle highlights in the interface.
- Backgrounds
Cloud and white backgrounds are used throughout dashboards, pages, and modal windows.
- Text
Navy is used for primary headings and body text, with slate and mist for secondary and muted text.
- Semantic
Success, warning, error, and info colors are used for alerts, badges, and status indicators.
Snowflake color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Snowflake primary color is #29B5E8, known as Snowflake Blue. This should be used for key brand and UI elements.
Snowflake Blue (#29B5E8) has an RGB value of 41, 181, 232. For CMYK, use 82, 22, 0, 0.
Snowflake uses #E3E8EE (Snowflake Light Gray) for borders and #F7FAFC (Snowflake Cloud) for backgrounds. These neutrals ensure clarity and contrast in the UI.
Use Snowflake Blue (#29B5E8) for primary actions, with deep blue and aqua as accents. Neutrals and semantic colors should be used for backgrounds, text, and status indicators to maintain brand consistency.
The secondary color is Snowflake Deep Blue, #0086BF, and the accent is Snowflake Aqua, #00BFAE. Together with the primary they make up the three brand colors at the top of this page.
4 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 Snowflake's colors consistently when it generates UI.
Make something in the spirit of Snowflake
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.