Electric Violet
Violet primary, ink text, lavender surface and a clear blue action accent.
Websites · interfaces · color systems
Color Palette for Websites
Find a color palette that works in a real interface. Browse curated palettes, compare website examples, and copy the HEX values you need.
200 palettes
View palette
Ink & Coral
Warm coral action color grounded by ink, warm white and a soft orange highlight.
Cobalt Grid
Cobalt primary, midnight text and pale blue surfaces for a focused product system.
Moss & Lime
Lime primary with forest text and an off-white surface for a grounded interface.
Ruby & Sand
Ruby primary, warm surface and orange accent for a confident editorial system.
Violet & Mint
Violet primary with dark text, near-white surfaces and a cool mint accent.
Solar Blue
Amber primary, deep blue text and sky accent for a bright technical interface.
Graphite & Red
Red primary, graphite text and neutral surfaces for a compact action-led system.
Aurora Frame
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Frame
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Frame
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Frame
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Frame
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Frame
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Frame
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Frame
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Frame
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Frame
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Frame
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Frame
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Frame
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Frame
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Frame
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Frame
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Frame
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Frame
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Frame
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Frame
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Frame
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Frame
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Frame
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Frame
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Field
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Field
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Field
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Field
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Field
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Field
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Field
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Field
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Field
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Field
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Field
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Field
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Field
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Field
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Field
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Field
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Field
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Field
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Field
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Field
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Field
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Field
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Field
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Field
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Current
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Current
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Current
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Current
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Current
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Current
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Current
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Current
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Current
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Current
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Current
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Current
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Current
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Current
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Current
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Current
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Current
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Current
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Current
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Current
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Current
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Current
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Current
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Current
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Grid
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Grid
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Grid
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Grid
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Grid
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Grid
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Grid
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Grid
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Grid
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Grid
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Grid
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Grid
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Grid
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Grid
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Grid
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Grid
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Grid
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Grid
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Grid
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Grid
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Grid
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Grid
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Grid
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Grid
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Studio
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Studio
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Studio
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Studio
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Studio
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Studio
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Studio
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Studio
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Studio
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Studio
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Studio
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Studio
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Studio
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Studio
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Studio
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Studio
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Studio
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Studio
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Studio
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Studio
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Studio
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Studio
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Studio
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Studio
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Canvas
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Canvas
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Canvas
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Canvas
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Canvas
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Canvas
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Canvas
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Canvas
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Canvas
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Canvas
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Canvas
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Canvas
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Canvas
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Canvas
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Canvas
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Canvas
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Canvas
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Canvas
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Canvas
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Canvas
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Canvas
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Canvas
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Canvas
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Canvas
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Layer
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Layer
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Layer
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Layer
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Layer
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Layer
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Layer
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Layer
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Layer
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Layer
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Layer
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Layer
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Layer
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Layer
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Layer
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Layer
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Layer
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Layer
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Layer
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Layer
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Layer
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Layer
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Layer
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Layer
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Aurora Bloom
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Cobalt Bloom
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Coral Bloom
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Carbon Bloom
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Citrus Bloom
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Velvet Bloom
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Signal Bloom
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Marine Bloom
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Solar Bloom
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Moss Bloom
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Ruby Bloom
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Indigo Bloom
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Lumen Bloom
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Ember Bloom
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
Oxygen Bloom
Warm primary, dark text, a quiet surface and a clear action accent for landing pages.
Quartz Bloom
Dark primary, dark text, a quiet surface and a clear action accent for landing pages.
Prism Bloom
Lime primary, dark text, a quiet surface and a clear action accent for landing pages.
Neon Bloom
Indigo primary, dark text, a quiet surface and a clear action accent for landing pages.
Sage Bloom
Cyan primary, dark text, a quiet surface and a clear action accent for landing pages.
Midnight Bloom
Purple primary, dark text, a quiet surface and a clear action accent for landing pages.
Glacier Bloom
Red primary, dark text, a quiet surface and a clear action accent for landing pages.
Plum Bloom
Mint primary, dark text, a quiet surface and a clear action accent for landing pages.
Tidal Bloom
Blue primary, dark text, a quiet surface and a clear action accent for landing pages.
Copper Bloom
Violet primary, dark text, a quiet surface and a clear action accent for landing pages.
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.
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.
Proof of life
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.
1M+Downloads
10M+Visitors since launch
10Years online
2.4k+GitHub stars
150k+Figma plugin users
#2Product Hunt Design Tool, 2017
Mentioned, launched, and used across