Color Palette for Websites
发布时间:2026-09-14 | 浏览:2
Electric Violet
neon violet primary, near-black text, near-white surface and neon blue accent for saas website interfaces.
neon red primary, near-black text, near-white surface and neon orange accent for editorial website interfaces.
neon blue primary, deep blue text, near-white surface and neon blue accent for developer website interfaces.
neon lime primary, deep green text, near-white surface and lime accent for natural website interfaces.
neon red primary, deep pink text, near-white surface and neon orange accent for editorial website interfaces.
neon violet primary, deep blue text, near-white surface and cyan accent for saas website interfaces.
neon orange primary, deep blue text, near-white surface and neon cyan accent for developer website interfaces.
neon red primary, near-black text, near-white surface and pale red accent for minimal website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for saas website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for developer website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for natural website interfaces.
neon cyan primary, deep blue text, near-white surface and neon blue accent for fintech website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for developer website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for playful website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for editorial website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for collaboration website interfaces.
neon orange primary, deep orange text, near-white surface and neon lime accent for saas website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for developer website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for natural website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for fintech website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for playful website interfaces.
neon purple primary, deep pink text, near-white surface and neon red accent for editorial website interfaces.
neon red primary, deep red text, near-white surface and neon yellow accent for collaboration website interfaces.
neon orange primary, deep yellow text, near-white surface and neon lime accent for saas website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for developer website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for natural website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for fintech website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for playful website interfaces.
neon pink primary, deep pink text, near-white surface and neon red accent for editorial website interfaces.
neon red primary, deep orange text, near-white surface and neon yellow accent for collaboration website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon lime accent for saas website interfaces.
neon lime primary, deep green text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep cyan text, near-white surface and neon cyan accent for developer website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for natural website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for fintech website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for playful website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for editorial website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for collaboration website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for editorial website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for developer website interfaces.
neon blue primary, deep blue text, near-white surface and neon blue accent for natural website interfaces.
neon blue primary, deep blue text, near-white surface and neon purple accent for fintech website interfaces.
neon violet primary, deep purple text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep pink text, near-white surface and neon red accent for playful website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for editorial website interfaces.
neon orange primary, deep orange text, near-white surface and neon lime accent for collaboration website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for editorial website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for developer website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for natural website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for fintech website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for developer website interfaces.
neon pink primary, deep pink text, near-white surface and neon red accent for playful website interfaces.
neon red primary, deep red text, near-white surface and neon yellow accent for editorial website interfaces.
neon orange primary, deep yellow text, near-white surface and neon lime accent for collaboration website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for creative website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for editorial website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for developer website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for natural website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for fintech website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for developer website interfaces.
Midnight Current
neon pink primary, deep pink text, near-white surface and neon orange accent for playful website interfaces.
Glacier Current
neon red primary, deep orange text, near-white surface and neon yellow accent for editorial website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon green accent for collaboration website interfaces.
neon lime primary, deep green text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for creative website interfaces.
neon green primary, deep cyan text, near-white surface and neon cyan accent for editorial website interfaces.
neon cyan primary, deep blue text, near-white surface and neon blue accent for developer website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for natural website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for fintech website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for developer website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for playful website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for editorial website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for creative website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for editorial website interfaces.
neon blue primary, deep blue text, near-white surface and neon blue accent for developer website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for natural website interfaces.
neon violet primary, deep purple text, near-white surface and neon pink accent for fintech website interfaces.
neon purple primary, deep pink text, near-white surface and neon red accent for developer website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for playful website interfaces.
neon orange primary, deep yellow text, near-white surface and neon lime accent for editorial website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for creative website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for editorial website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for developer website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for natural website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for fintech website interfaces.
neon pink primary, deep pink text, near-white surface and neon red accent for developer website interfaces.
neon red primary, deep red text, near-white surface and neon yellow accent for playful website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon lime accent for editorial website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for saas website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for creative website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for editorial website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for developer website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for natural website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for fintech website interfaces.
neon pink primary, deep red text, near-white surface and neon orange accent for developer website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for playful website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon green accent for editorial website interfaces.
neon lime primary, deep green text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for saas website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for creative website interfaces.
neon cyan primary, deep blue text, near-white surface and neon blue accent for editorial website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for developer website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for natural website interfaces.
Midnight Studio
neon purple primary, deep purple text, near-white surface and neon red accent for fintech website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for developer website interfaces.
neon orange primary, deep orange text, near-white surface and neon lime accent for playful website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for saas website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for creative website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for editorial website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for natural website interfaces.
neon purple primary, deep pink text, near-white surface and neon red accent for fintech website interfaces.
neon red primary, deep red text, near-white surface and neon yellow accent for developer website interfaces.
neon orange primary, deep yellow text, near-white surface and neon lime accent for playful website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for saas website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for creative website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for editorial website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for natural website interfaces.
neon pink primary, deep pink text, near-white surface and neon red accent for fintech website interfaces.
neon red primary, deep orange text, near-white surface and neon yellow accent for developer website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon lime accent for playful website interfaces.
neon lime primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
Midnight Canvas
neon green primary, deep green text, near-white surface and neon green accent for collaboration website interfaces.
neon green primary, deep cyan text, near-white surface and neon cyan accent for saas website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for creative website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for editorial website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for natural website interfaces.
neon pink primary, deep red text, near-white surface and neon orange accent for fintech website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for developer website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for playful website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for collaboration website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for saas website interfaces.
neon blue primary, deep blue text, near-white surface and neon blue accent for creative website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for editorial website interfaces.
neon violet primary, deep purple text, near-white surface and neon purple accent for developer website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for natural website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for fintech website interfaces.
neon orange primary, deep orange text, near-white surface and neon lime accent for developer website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for playful website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for collaboration website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for saas website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for creative website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for editorial website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for developer website interfaces.
neon pink primary, deep pink text, near-white surface and neon red accent for natural website interfaces.
neon red primary, deep red text, near-white surface and neon yellow accent for fintech website interfaces.
neon orange primary, deep yellow text, near-white surface and neon lime accent for developer website interfaces.
neon lime primary, deep lime text, near-white surface and neon green accent for playful website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for editorial website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for collaboration website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for saas website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for creative website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for editorial website interfaces.
neon purple primary, deep purple text, near-white surface and neon pink accent for developer website interfaces.
neon pink primary, deep pink text, near-white surface and neon orange accent for natural website interfaces.
neon red primary, deep orange text, near-white surface and neon yellow accent for fintech website interfaces.
neon yellow primary, deep yellow text, near-white surface and neon green accent for developer website interfaces.
neon lime primary, deep green text, near-white surface and neon green accent for playful website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for editorial website interfaces.
neon green primary, deep cyan text, near-white surface and neon cyan accent for collaboration website interfaces.
neon cyan primary, deep blue text, near-white surface and neon blue accent for saas website interfaces.
neon blue primary, deep blue text, near-white surface and neon violet accent for creative website interfaces.
neon violet primary, deep violet text, near-white surface and neon purple accent for editorial website interfaces.
neon purple primary, deep purple text, near-white surface and neon red accent for developer website interfaces.
neon red primary, deep red text, near-white surface and neon orange accent for natural website interfaces.
neon orange primary, deep orange text, near-white surface and neon yellow accent for fintech website interfaces.
neon yellow primary, deep lime text, near-white surface and neon green accent for developer website interfaces.
neon green primary, deep green text, near-white surface and neon green accent for playful website interfaces.
neon green primary, deep green text, near-white surface and neon cyan accent for editorial website interfaces.
neon cyan primary, deep cyan text, near-white surface and neon blue accent for collaboration website interfaces.
neon blue primary, deep blue text, near-white surface and neon blue accent for saas website interfaces.
neon blue primary, deep violet text, near-white surface and neon purple accent for creative website interfaces.
Color palette examples for modern websites
Use the palette view to compare color systems quickly, then switch to website examples when you want to see how a color combination behaves in a real product interface. Every site-derived palette is paired with a real Sitehunter screenshot.
Want to create your own combination? Use the color palette generator →
Find a website color palette by HEX or style
Search for a website, color, or direction such as dark, warm, developer, or minimal. Open any result for color roles, similar palettes, website references, and one-click HEX copying.
A small design resource with a long trail behind it.
WebGradients has stayed useful across tools, communities, and design workflows for a decade. Here are the milestones, mentions, and independent signals behind the project.
Mentioned, launched, and used across