# Conic gradients

These conic palettes span rainbow brights, fuchsia to violet, navy to cyan, cream to copper brown, and emerald to lime, with pale and deep stops.

![Conic gradients: a collection of color palettes](https://grabient.com/conic-gradients.png?t=1793628036247)

- Page: https://grabient.com/conic-gradients
- Palettes: 5
- Tags: conic, gradients, rainbow, violet, cyan, copper, green, vibrant
- Collected by: Grabient
- Updated: 2026-11-02

## Palettes

1. [Prismatic spectrum conic gradient](https://grabient.com/kapqYNY7tFnNBxRivkU4LBIETNRXKV8SA?style=angularGradient&steps=32): angular gradient, `#fd3858` `#ff4b4d` `#ff6242` `#ff7837` `#ff8c2d` `#fe9e2a` `#fead2a` `#ffbd29` `#ffcd28` `#fbdb2b` `#efe636` `#dceb46` `#c2e951` `#a4e35b` `#82dc67` `#5cd677` `#27d48d` `#00d2aa` `#00d0c3` `#00cfd8` `#1dc9e8` `#2bbfef` `#21aef0` `#0f99ee` `#1582eb` `#2b6be8` `#425ae7` `#594ee8` `#7047e9` `#8543e9` `#9740e8` `#a33ee6`
2. [Fuchsia violet conic gradient](https://grabient.com/kWq6_70969spYvO5zb5Jza_Q?style=angularGradient&steps=32&angle=45): angular gradient, `#fc3aa1` `#fb39a5` `#fa38aa` `#f937b0` `#f736b7` `#f435be` `#f134c5` `#ec34cb` `#e734d1` `#e035d6` `#d837db` `#d038df` `#c63ae2` `#bd3be5` `#b33be6` `#aa3be5` `#a13ae3` `#9838e1` `#8f36dd` `#8733d8` `#7f30d2` `#762ccc` `#6f29c5` `#6726be` `#6023b6` `#5820ac` `#501da1` `#491b96` `#42188b` `#3c1681` `#371479` `#341273`
3. [Electric cyan navy conic gradient](https://grabient.com/kWNy-5KyK_MakvFosb1b7C-Y?style=angularGradient&steps=32&angle=225): angular gradient, `#071837` `#071a3b` `#081d3f` `#092045` `#0a244c` `#0b2853` `#0b2d5a` `#0c3361` `#0b3969` `#094170` `#074977` `#05527d` `#045b84` `#05658b` `#086f92` `#0c7a9a` `#0f85a2` `#1191ad` `#129eb8` `#12acc3` `#12bacf` `#13c7d9` `#16d3e2` `#1cdde8` `#24e4ec` `#2ce9ed` `#34eded` `#3cefed` `#42f0eb` `#48f1e9` `#4cf2e8` `#4ff3e8`
4. [Analogous beige, orange and brown](https://grabient.com/kU9Bc7ZKy-8kpu8nDr0A?style=angularGradient&steps=32&angle=135): angular gradient, `#fdf1db` `#fbedd3` `#fae9ca` `#f9e4be` `#f7deb1` `#f6d7a3` `#f4d094` `#f2c985` `#efc176` `#edb969` `#eab15d` `#e7aa54` `#e4a24d` `#e19a47` `#dd9144` `#d88942` `#d38141` `#cd7942` `#c67242` `#bf6a43` `#b76343` `#ae5d42` `#a35641` `#984f40` `#8b493e` `#7e423c` `#713c39` `#653735` `#5a3232` `#502e2e` `#482a2b` `#422729`
5. [Emerald fern lime gradient](https://grabient.com/kYVix_P6Q-lI1PtgQD66kA9j2jQw?style=angularGradient&steps=32&angle=135): angular gradient, `#034238` `#03473c` `#034e40` `#045746` `#06604c` `#096a51` `#0c7356` `#0d7b5a` `#0e845e` `#0d8d62` `#0e9565` `#119d67` `#17a569` `#1fac6a` `#27b36b` `#2fb96c` `#37bf6c` `#41c56c` `#4cca6a` `#5acf68` `#6dd564` `#82db5e` `#96e059` `#a5e254` `#ace151` `#a9db50` `#98ce52` `#7fbb53` `#63a551` `#4a8e4e` `#367b49` `#2b6e44`

## Other forms

- [JSON](https://grabient.com/conic-gradients.json)
- [ASE](https://grabient.com/conic-gradients.ase)
- [GPL](https://grabient.com/conic-gradients.gpl)
- [GRD](https://grabient.com/conic-gradients.grd)
- [Design tokens](https://grabient.com/conic-gradients.tokens.json)
- [Sheet](https://grabient.com/conic-gradients.png?t=1793628036247)
- [Sheet as SVG](https://grabient.com/conic-gradients.svg)
- [CSS](https://grabient.com/conic-gradients.css)
- [Image](https://grabient.com/api/png/collection?slug=conic-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=conic-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)