# Two color gradients

Two color gradients combine contrasting and closely related hues, including violet with peach, blue with cyan, forest green with yellow, and ivory with rust.

- Page: https://grabient.com/two-color-gradients
- Palettes: 24
- Tags: two color, gradients, duotone, violet, cyan, green, yellow, rust
- Collected by: Grabient
- Updated: 2026-10-01

## Palettes

1. [Navy and teal two color palette](https://grabient.com/kQPV614zo4w?steps=32&angle=135): linear gradient, `#001e44` `#002147` `#00244a` `#00284d` `#002c51` `#003055` `#00355a` `#003a5f` `#003f64` `#004569` `#004b6f` `#005275` `#00587b` `#005f81` `#006687` `#006d8d` `#007493` `#007c98` `#00839e` `#008aa4` `#0092a9` `#0099ae` `#00a0b3` `#00a7b8` `#00adbc` `#00b4c0` `#00bac4` `#00bfc8` `#00c5cb` `#00c9cd` `#00cdd0` `#00d1d1`
2. [Analogous dark green to beige](https://grabient.com/kQUTpudiC4w?steps=32&angle=180): linear gradient, `#003e1f` `#054121` `#0c4423` `#144825` `#1b4c28` `#22502b` `#29552e` `#315b31` `#396035` `#416638` `#496c3c` `#527241` `#5b7945` `#647f4a` `#6e864f` `#778d54` `#819459` `#8b9b5e` `#94a264` `#9ea869` `#a8af6f` `#b1b674` `#babc7a` `#c4c27f` `#ccc884` `#d4ce8a` `#dcd38f` `#e4d893` `#eadd98` `#f1e19c` `#f6e49f` `#fbe7a2`
3. [Champagne, terracotta and burgundy two color palette](https://grabient.com/kQ9BI8ta86A?style=angularGradient&steps=32&angle=315): angular gradient, `#faf1e0` `#f7eedb` `#f5ead6` `#f2e6d0` `#eee1ca` `#ebdbc3` `#e7d5bb` `#e3cfb3` `#dfc9ab` `#dbc2a3` `#d7bb9a` `#d3b492` `#cfac89` `#caa480` `#c69c77` `#c2956f` `#bd8d66` `#b9855e` `#b57d56` `#b0754e` `#ac6d47` `#a86640` `#a35e3a` `#9f5734` `#9b502e` `#984a28` `#944424` `#903e1f` `#8d381b` `#8a3318` `#882e15` `#852a12`
4. [Wine two color palette](https://grabient.com/kQTHT828VDY?style=angularGradient&steps=32): angular gradient, `#580031` `#5b0032` `#5f0033` `#630035` `#680037` `#6d0039` `#73003b` `#7a003d` `#80003f` `#880041` `#8f0043` `#950945` `#9b1147` `#a2184a` `#a81f4c` `#af254e` `#b62a50` `#bd3052` `#c33554` `#ca3a56` `#d04058` `#d7455a` `#dd495b` `#e34e5d` `#e8535f` `#ee5760` `#f35b61` `#f85f62` `#fc6264` `#ff6665` `#ff6c69` `#ff726c`
5. [Aubergine, rose and orange two color palette](https://grabient.com/kQTIPV6CvNg?steps=32): linear gradient, `#3d006f` `#420071` `#470074` `#4d0077` `#54007a` `#5c057a` `#630d7b` `#6b137b` `#73197b` `#7c1f7b` `#85247a` `#8e2a79` `#973078` `#a03677` `#a93d76` `#b24475` `#ba4b73` `#c25272` `#c95971` `#d1616f` `#d7686e` `#dd706e` `#e3786d` `#e87f6d` `#ec876d` `#f08e6e` `#f4946e` `#f79b70` `#faa071` `#fca672` `#feab74` `#ffaf76`
6. [Aubergine and blush two color palette](https://grabient.com/kQQIPOX73HA?style=radialGradient&steps=32&angle=230): radial gradient, `#270060` `#2a0064` `#2e0068` `#32006d` `#370073` `#3d0078` `#43007f` `#4a0383` `#510b87` `#58138a` `#5f198e` `#671f91` `#6f2595` `#772a98` `#80309c` `#89359f` `#923ba2` `#9a40a5` `#a345a8` `#ac4aaa` `#b44fad` `#bd55af` `#c559b1` `#cd5eb3` `#d463b5` `#db68b7` `#e26cb8` `#e870ba` `#ee74bb` `#f377bc` `#f87abd` `#fb7dbe`
7. [Smoky blue coral gradient](https://grabient.com/kQVzC4V7DQI?steps=32&angle=135): linear gradient, `#23395b` `#263a5d` `#293b60` `#2e3c63` `#323e67` `#373f6a` `#3d416e` `#434272` `#4a4475` `#514679` `#58487c` `#60497e` `#684b81` `#714d83` `#794f84` `#825185` `#8a5385` `#935585` `#9b5784` `#a35982` `#ab5c81` `#b25e7e` `#b9617b` `#c06478` `#c66775` `#cb6a72` `#d06d6e` `#d5706b` `#d87367` `#dc7564` `#de7861` `#e17a5f`
8. [Plum teal gradient](https://grabient.com/kQTkTuYB4tw?steps=32): linear gradient, `#4a1942` `#4b1c46` `#4d1f4b` `#4e2350` `#4f2756` `#502b5c` `#513063` `#51356a` `#523b71` `#524178` `#52477f` `#514d85` `#50548c` `#4f5b92` `#4e6298` `#4c699d` `#4b71a1` `#4978a5` `#487fa9` `#4786ac` `#478dae` `#4894b0` `#499ab1` `#4ca0b2` `#50a6b3` `#54abb3` `#59b0b3` `#5eb4b4` `#63b8b4` `#68bcb3` `#6cbfb3` `#70c1b3`
9. [Meadow gold teal gradient](https://grabient.com/kQ1FU-UCVLI?steps=32&angle=45): linear gradient, `#e9c46a` `#e6c469` `#e3c368` `#dfc367` `#dac366` `#d5c266` `#cfc265` `#c9c165` `#c3c065` `#bcbf66` `#b5bf67` `#aebe68` `#a6bd69` `#9ebb6b` `#97ba6d` `#8fb96f` `#87b772` `#7fb674` `#77b477` `#6fb279` `#67b07c` `#60ae7e` `#59ac80` `#52aa82` `#4ba884` `#45a786` `#3fa588` `#3aa38a` `#35a18b` `#30a08c` `#2d9e8d` `#299d8e`
10. [Blush navy glow gradient](https://grabient.com/kQ3yUGthcyI?style=radialGradient&steps=32&angle=0): radial gradient, `#f6cad0` `#f3c7ce` `#f0c4cd` `#ecc0cb` `#e8bdc9` `#e3b8c7` `#deb4c5` `#d8b0c3` `#d2abc0` `#cca6be` `#c5a1bb` `#be9cb8` `#b697b5` `#af92b2` `#a78daf` `#9f89ac` `#9784a8` `#8f7fa4` `#877ba1` `#7f769d` `#777299` `#6f6e95` `#686a90` `#60668c` `#596388` `#535f84` `#4d5c80` `#47597d` `#425779` `#3d5476` `#385273` `#355070`
11. [Midnight blue and smoky violet](https://grabient.com/kQOTS5tTDDQ?steps=64&angle=120): linear gradient, `#061a3c` `#071a3d` `#071a3e` `#081b3f` `#081b3f` `#091b40` `#0a1c41` `#0a1c42` `#0b1d43` `#0c1d45` `#0d1e46` `#0d1e47` `#0e1f48` `#0f1f49` `#10204b` `#11204c` `#12214e` `#13224f` `#142250` `#162352` `#172353` `#182455` `#192557` `#1a2558` `#1c265a` `#1d275b` `#1e275d` `#1f285f` `#212960` `#222962` `#242a64` `#252b65` `#262b67` `#282c69` `#292d6a` `#2b2d6c` `#2c2e6e` `#2d2f6f` `#2f2f71` `#303072` `#323074` `#333176` `#353277` `#363279` `#38337a` `#39337c` `#3a347d` `#3c347e` `#3d3580` `#3e3581` `#403682` `#413684` `#423785` `#433786` `#453887` `#463888` `#473889` `#48398a` `#49398b` `#4a398c` `#4b3a8d` `#4b3a8d` `#4c3a8e` `#4d3b8f`
12. [Deep teal and pale seafoam](https://grabient.com/kQYi6PbRa8A?style=radialGradient&steps=72&angle=0): radial gradient, `#064e52` `#084f53` `#0a5054` `#0c5154` `#0e5255` `#105357` `#125558` `#145659` `#16585a` `#18595b` `#1a5b5d` `#1c5d5e` `#1f5e60` `#216061` `#236263` `#256464` `#286666` `#2a6867` `#2c6a69` `#2f6c6b` `#316e6d` `#33706f` `#367370` `#387572` `#3b7774` `#3d7976` `#407c78` `#427e7a` `#45817c` `#48837e` `#4a8680` `#4d8882` `#508b84` `#528d86` `#559088` `#58928a` `#5a958c` `#5d978f` `#609a91` `#629c93` `#659f95` `#68a197` `#6ba499` `#6da79b` `#70a99d` `#73ac9f` `#75aea1` `#78b1a3` `#7ab3a5` `#7db5a7` `#80b8a9` `#82baab` `#85bcad` `#87bfaf` `#89c1b1` `#8cc3b3` `#8ec5b4` `#90c7b6` `#93c9b8` `#95cbb9` `#97cdbb` `#99cfbd` `#9bd1be` `#9dd3c0` `#9fd4c1` `#a0d6c2` `#a2d8c4` `#a4d9c5` `#a5dac6` `#a7dcc7` `#a8ddc8` `#a9dec9`
13. [Golden ochre and yellow green](https://grabient.com/kQt2k6aLtEY?style=angularGradient&steps=72&angle=260): angular gradient, `#d29a14` `#d29a14` `#d29b14` `#d29b13` `#d29c13` `#d29c13` `#d29d13` `#d29d12` `#d29e12` `#d19f12` `#d19f12` `#d1a012` `#d1a112` `#d1a111` `#d1a211` `#d1a312` `#d1a412` `#d1a512` `#d0a512` `#d0a612` `#d0a713` `#d0a813` `#d0a914` `#cfaa14` `#cfab15` `#cfac16` `#cead16` `#ceae17` `#ceaf18` `#ceb019` `#cdb11a` `#cdb21b` `#ccb31c` `#ccb41d` `#ccb51e` `#cbb620` `#cbb721` `#cab822` `#cab924` `#c9ba25` `#c9bb26` `#c8bc28` `#c8bd29` `#c7be2a` `#c7bf2c` `#c6c02d` `#c6c12e` `#c5c230` `#c5c331` `#c4c433` `#c4c534` `#c3c635` `#c2c737` `#c2c738` `#c1c839` `#c1c93b` `#c0ca3c` `#c0cb3d` `#bfcc3e` `#becc3f` `#becd41` `#bdce42` `#bdcf43` `#bccf44` `#bcd045` `#bbd046` `#bbd147` `#bad248` `#bad249` `#bad349` `#b9d34a` `#b9d44b`
14. [Warm ochre and toasted brown](https://grabient.com/kQo1Q3OxW9Q?style=angularGradient&steps=68&angle=280): angular gradient, `#b4832d` `#b3822e` `#b3822e` `#b2812e` `#b2812e` `#b1802f` `#b07f2f` `#b07f2f` `#af7e2f` `#ae7d30` `#ad7d30` `#ad7c30` `#ac7b31` `#ab7a31` `#aa7931` `#a97932` `#a87832` `#a77732` `#a67633` `#a57533` `#a47433` `#a37333` `#a27234` `#a17134` `#a07134` `#9f7035` `#9e6f35` `#9d6e35` `#9c6d35` `#9a6c36` `#996b36` `#986a36` `#976936` `#966837` `#946737` `#936637` `#926537` `#916437` `#906337` `#8e6338` `#8d6238` `#8c6138` `#8b6038` `#8a5f38` `#885e38` `#875d38` `#865d38` `#855c38` `#845b38` `#835a39` `#825a39` `#805939` `#7f5839` `#7e5739` `#7d5739` `#7c5639` `#7b5639` `#7b5539` `#7a5439` `#795439` `#785339` `#775339` `#765239` `#765239` `#755239` `#745139` `#745139` `#735039`
15. [Cyan cream diagonal glow](https://grabient.com/kSPTq14zC4voJMs?steps=32&angle=45): linear gradient, `#001e44` `#00244a` `#002b51` `#00345a` `#003e65` `#004970` `#00557c` `#006289` `#006f95` `#007ea1` `#008cac` `#009ab7` `#00a8c0` `#00b5c7` `#00c1cc` `#00cccf` `#1dd5cf` `#3fdccc` `#5be2c7` `#74e6c1` `#8be9bc` `#a1ebb8` `#b4ecb5` `#c5ecb5` `#d3ecb6` `#deecba` `#e7ecc0` `#eeecc7` `#f3edce` `#f6eed4` `#f8efdb` `#faf1e0`
16. [Teal violet linear blend](https://grabient.com/kSTHTVsJs89AlNQ?steps=64&angle=225): linear gradient, `#3d006f` `#3d026f` `#3d046f` `#3c076f` `#3c096f` `#3c0c6e` `#3b0f6e` `#3b116d` `#3b146d` `#3b166c` `#3a186c` `#3a1a6b` `#3a1c6b` `#391e6a` `#392069` `#392269` `#392368` `#382568` `#382767` `#382967` `#382a66` `#382c66` `#372e66` `#373066` `#373166` `#373366` `#373566` `#373766` `#373867` `#373a68` `#373c69` `#373e6a` `#37406b` `#37426c` `#37446e` `#374770` `#374a72` `#364c74` `#354f77` `#355279` `#34567c` `#33597e` `#315c80` `#306083` `#2e6385` `#2c6787` `#2a6b89` `#276f8b` `#25728c` `#22768e` `#1f7a8f` `#1d7d90` `#1a8191` `#188491` `#178892` `#178b92` `#178e92` `#189191` `#1a9391` `#1d9691` `#209890` `#239a90` `#269b8f` `#289d8f`
17. [Green blue radial pool](https://grabient.com/kUQGjOUB84LEXPQ-nrhg?style=radialGradient&steps=32&angle=0): radial gradient, `#270060` `#280e67` `#291f71` `#29307d` `#2a4189` `#2b5394` `#2d649f` `#3274a7` `#3982ad` `#418db0` `#4793b0` `#4995ad` `#4892a7` `#458c9e` `#3f8493` `#377a88` `#2e707c` `#246570` `#1b5c65` `#12555c` `#095055` `#054d50` `#044e4d` `#06504a` `#0c5348` `#155747` `#1f5b45` `#296043` `#336441` `#3d683f` `#446a3d` `#4a6c3b`
18. [Blue teal diagonal sweep](https://grabient.com/kSuU9hNhdN101rC?steps=56&angle=135): linear gradient, `#87b772` `#82b673` `#7cb475` `#74b278` `#6caf7a` `#63ac7d` `#5aa880` `#51a482` `#48a085` `#3f9b87` `#389689` `#32918a` `#2e8b8b` `#2c868b` `#2b808a` `#2c7a89` `#2e7488` `#306f85` `#316a83` `#336580` `#34617d` `#365d7b` `#365978` `#375676` `#375473` `#375272` `#365171` `#365071` `#355071` `#335172` `#315373` `#2f5575` `#2c5877` `#275c79` `#22607b` `#1a657d` `#106a7e` `#016f7e` `#00757d` `#007a7b` `#008079` `#008675` `#188c70` `#2c906a` `#3f9562` `#50985a` `#619b52` `#729e48` `#82a03f` `#91a135` `#9fa12b` `#aca222` `#b7a21a` `#c1a113` `#caa10f` `#d0a10e`
19. [Leaf green ember crossing](https://grabient.com/kS0XZVMZ1DVXEMO?steps=48&angle=45): linear gradient, `#b9d34b` `#b4d04b` `#aecc4b` `#a6c84c` `#9ec34d` `#95bd4e` `#8bb74e` `#81b04f` `#77aa4f` `#6da24f` `#639b4e` `#5a934d` `#518c4b` `#48844a` `#417d47` `#3a7645` `#346f42` `#2f693f` `#2a633c` `#275e39` `#245a36` `#225633` `#225330` `#22512d` `#23502a` `#265027` `#2a5023` `#30511f` `#365219` `#3e5411` `#475605` `#515700` `#5b5900` `#655b00` `#705d00` `#7b5f00` `#876100` `#936200` `#a06200` `#ae6200` `#bc6000` `#cb5c01` `#d55b20` `#de5b33` `#e55b41` `#eb5b4e` `#f05b59` `#f45b61`
20. [Pink brown concentric flare](https://grabient.com/kUdismySS_d-9uM8lrYA?style=radialGradient&steps=56&angle=0): radial gradient, `#745039` `#755139` `#775239` `#785339` `#7a5439` `#7c5539` `#7f5639` `#815739` `#845839` `#865a39` `#895b3a` `#8c5c3a` `#905e3a` `#935f3a` `#97613b` `#9a623b` `#9e633c` `#a2643d` `#a7663f` `#ab6741` `#b16843` `#b76946` `#bd6b4a` `#c56c4f` `#cc6e54` `#d46f5a` `#db7161` `#e37268` `#ea7471` `#f0757a` `#f57683` `#fa778c` `#fe7996` `#ff7aa0` `#ff7ca9` `#ff7db2` `#fe7cba` `#fa7dc0` `#f47dc6` `#eb7dcb` `#e27cce` `#d77cd0` `#ca7bd0` `#bd79cf` `#b078cc` `#a376c7` `#9674c1` `#8971ba` `#7d6eb2` `#736caa` `#6969a2` `#616599` `#5a6392` `#54608b` `#505e85` `#4c5c80`
21. [Mauve rust quiet diagonal](https://grabient.com/kSa14ZSLY70spv4?steps=40&angle=225): linear gradient, `#852a13` `#872b16` `#892c1a` `#8c2d1e` `#8f2e23` `#922f28` `#95312d` `#993233` `#9c3438` `#a0363e` `#a33844` `#a73a4a` `#aa3c50` `#ad3e56` `#b0405b` `#b34261` `#b54466` `#b7466a` `#b9486e` `#ba4a72` `#bb4c75` `#bb4d77` `#bc4f79` `#bc507b` `#bc527c` `#bc537d` `#bb547e` `#bb557f` `#ba567f` `#b9577f` `#b9587f` `#b8597f` `#b75a7f` `#b65b7f` `#b55c7e` `#b45c7e` `#b45d7e` `#b35d7e` `#b35e7e` `#b25e7e`
22. [Moss green diagonal glow](https://grabient.com/kUak1ZwrHAFA7wBcRb_g?steps=10&angle=75): linear gradient, `#3e5600` `#445e00` `#4c6b00` `#557700` `#5d8300` `#648f00` `#6c9a02` `#74a700` `#7db200` `#83bb00`
23. [Amber gray cobalt gradient](https://grabient.com/kc02gz5KY_1yKPrTDa5R6k-bs4P6uv0Cor9AA?steps=8&angle=315): linear gradient, `#ffb855` `#e5b06d` `#b5a496` `#888fa8` `#4b75b7` `#0f56ad` `#063098` `#010b79`
24. [Cyan crimson red glow](https://grabient.com/kc1GOPXClAswRRnEq0syMzCU9YwRRW0A0lNAQ?steps=8): linear gradient, `#28e3ed` `#32b9ca` `#71809c` `#a34e6f` `#d72347` `#f81b24` `#ff2218` `#fa3d1a`

## Other forms

- [JSON](https://grabient.com/api/collections/two-color-gradients)
- [ASE](https://grabient.com/two-color-gradients.ase)
- [GPL](https://grabient.com/two-color-gradients.gpl)
- [GRD](https://grabient.com/two-color-gradients.grd)
- [Design tokens](https://grabient.com/two-color-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=two-color-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=two-color-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)