1322 Tuna Color palettes

Colours that go well with Tuna tone combination palettes. Get HEX & RGB codes, export to Tailwind CSS, Adobe ASE, PDF, PNG, SVG. Perfect for designers & developers.

,
Gradient Edit Tuna – Pigeon Post – Waikawa Gray – Ebony – Heavy Metal Color scheme
#36383C
#AFBEDD
#5D7995
#070C12
#2E3027
Gradient Edit Ship Gray – Saddle – Matterhorn – Brown Derby – Tuna Color scheme
#413A46
#50352A
#4C3C4B
#502C16
#33303E
Gradient Edit Scarpa Flow – Gull Gray – Lisbon Brown – Tuna – Lynch Color scheme
#585662
#9DA6B8
#302D17
#363645
#647292
Gradient Edit Tuna – Shuttle Gray – San Marino – Casper – Steel Blue Color scheme
#303344
#5F6574
#446CAA
#ABBCCD
#5A80BC
Gradient Edit Paarl – Tuna – Aubergine – Arrowtown – Wood Bark Color scheme
#A55D2B
#353643
#370F0B
#938470
#270706
Gradient Edit Cocoa Brown – Barley Corn – Boulder – Night Rider – Tuna Color scheme
#2E1D1F
#A08463
#7C7C7C
#160B0B
#393846
Gradient Edit French Gray – Dawn – Lisbon Brown – Tuna – Black Olive Color scheme
#BFC0CA
#A4A199
#37391F
#3D3D4A
#263117
Gradient Edit Geyser – Limed Spruce – Sirocco – Shark – Tuna Color scheme
#DFE3E8
#3B444C
#7B8484
#2B2F34
#363B45
Gradient Edit Crete – Costa Del Sol – Dell – Tuna – Green Waterloo Color scheme
#648834
#5F6130
#3D5F1B
#333341
#151807
Gradient Edit Tuna – Comet – Mischka – Portage – Kashmir Blue Color scheme
#30313A
#4E5770
#E5E4E9
#76AAEA
#4C5E8B
Gradient Edit Abbey – Nevada – Westar – Tuna – Green Smoke Color scheme
#50545A
#5B6468
#E2E1D7
#343744
#A49F6B
Gradient Edit Tuna – Muddy Waters – Brick Red – Bali Hai – Tall Poppy Color scheme
#3E3E45
#B88052
#C9313E
#88A1B3
#AD2A33
Gradient Edit Oxford Blue – Tuna – Masala – Ebony Clay – Woodsmoke Color scheme
#3B4258
#303643
#4C4844
#242939
#070709
Gradient Edit Mongoose – Shark – Tuna – Tobacco Brown – Woodsmoke Color scheme
#B89B81
#202226
#36383E
#6D5F49
#07070A
Gradient Edit Pale Sky – Tuna – Scorpion – Mischka – Santas Gray Color scheme
#717681
#37383B
#5A585A
#D5D7DF
#9BA1AF
Gradient Edit Mischka – Mamba – Salt Box – Tuna – Burnt Sienna Color scheme
#E3E2E4
#89858D
#635F67
#35343C
#E38D4C
Gradient Edit Cape Palliser – Persian Red – Sandal – Toast – Tuna Color scheme
#9E6843
#C6302F
#A4916A
#966F62
#353945
Gradient Edit Viking – Pigeon Post – Cerulean – Slate Gray – Tuna Color scheme
#69B6E0
#B8CADB
#0F8ECF
#6D808D
#333539
Gradient Edit Mamba – Cold Turkey – Tuna – Mid Gray – Gull Gray Color scheme
#8E8390
#C1ABB0
#303642
#65626F
#969EB9
Gradient Edit Millbrook – Tuna – Catskill White – Crete – Lynch Color scheme
#5A4431
#34333B
#DEE6F1
#67702C
#6D7A9C
Gradient Edit Gray – Mako – Tuna – Abbey – Nobel Color scheme
#8E8D8D
#444C54
#33353B
#595C60
#B8B6B5
Gradient Edit Tuna – Gull Gray – Fedora – Pearl Bush – Emperor Color scheme
#34333A
#9EAAB8
#6D6B6D
#E6DFD6
#504648
Gradient Edit Stark White – Dawn – Shuttle Gray – Potters Clay – Tuna Color scheme
#E9DAC8
#979695
#5B6B7B
#8F5B3A
#383C42
Gradient Edit Chalet Green – Emperor – Siam – Tuna – Sand Dune Color scheme
#657939
#504142
#666A58
#313035
#8B6C65
Gradient Edit Tuna – Abbey – Storm Dust – Pigeon Post – Nevada Color scheme
#31343B
#4F4F51
#5F615A
#A8C1D9
#656F7A
Gradient Edit Zorba – Silver Rust – Scorpion – Gray – Tuna Color scheme
#9F908D
#C9BBB8
#716464
#807F7F
#303441
Gradient Edit Napa – Oil – Sand Dune – Oslo Gray – Tuna Color scheme
#B1A294
#17110E
#7F6C64
#828A8E
#333740
Gradient Edit Biloba Flower – Mulled Wine – Heavy Metal – Falcon – Tuna Color scheme
#A884EC
#5C4977
#212A22
#88626F
#3F3E4B
Gradient Edit Purple Heart – Jacarta – Fern Frond – Tuna – Deep Forest Green Color scheme
#673AD1
#443569
#3A6C22
#30313C
#193B0B
Gradient Edit Tuna – Granite Green – Heathered Gray – Locust – Mirage Color scheme
#3A3946
#8B8A78
#B7B892
#A2AE8B
#161828
Gradient Edit Sandal – Empress – Buttercup – Tuna – Equator Color scheme
#B18275
#847078
#EDAF11
#353644
#E2A85F
Gradient Edit Old Rose – Empress – Buttercup – Tuna – Equator Color scheme
#C29678
#847078
#EDAF11
#353644
#E2A85F
Gradient Edit Santas Gray – Tuna – Comet – Night Rider – Fiord Color scheme
#A3A3AC
#303140
#5A677F
#211311
#485871
Gradient Edit Manatee – Gray Asparagus – Bombay – Ship Gray – Shuttle Gray Color scheme
#939AA6
#4A4D49
#B5B5BB
#424246
#6A6C72
Gradient Edit Downriver – Nevada – Ship Gray – Zeus – Fiord Color scheme
#0A2551
#676D75
#3D3D40
#1D1815
#4B5873
Gradient Edit Tuna – Opal – Abbey – Silver Sand – Nevada Color scheme
#363A3F
#9EBBC4
#58595A
#B3B4B4
#6F7071
Gradient Edit Cold Purple – Dune – Ship Gray – Waterloo – Thunder Color scheme
#A8B8E0
#322E29
#37363C
#83848E
#2C2325
Gradient Edit Woodsmoke – Tuna – Mako – Manatee – Bon Jour Color scheme
#111215
#37373A
#3F4650
#9493A4
#EAE3E6
Gradient Edit Givry – Ship Gray – Heavy Metal – Emperor – Tundora Color scheme
#F9D7CC
#3B3B3C
#333433
#555555
#4C4646
Gradient Edit Hokey Pokey – Axolotl – Lunar Green – Pesto – Tuna Color scheme
#BBA329
#466F47
#34483D
#817637
#35363A
Gradient Edit Tonys Pink – Crowshead – Tuna – Fuzzy Wuzzy Brown – Black Marlin Color scheme
#E98D8A
#140D05
#3C3C44
#C8405A
#42301B
Gradient Edit Tuna – Downriver – Shuttle Gray – Eternity – San Juan Color scheme
#36353E
#07244B
#516071
#26190F
#314D72
Gradient Edit Kelp – Mid Gray – Amethyst Smoke – Tuna – Rangoon Green Color scheme
#51553D
#585964
#A49CB2
#3C3D42
#0F130D
Gradient Edit Tuna – Contessa – Bison Hide – Cod Gray – Pewter Color scheme
#3F4043
#C16D60
#C4B0A6
#070606
#9BAAA2
Gradient Edit Limed Spruce – Spicy Mix – Tuna – Black – Zeus Color scheme
#3B4449
#8A6E42
#363B44
#040404
#171410
Gradient Edit Scarpa Flow – Gondola – Ship Gray – Ebony Clay – Woody Brown Color scheme
#5F5D61
#180F12
#3F3E46
#2A2E41
#382A28
Gradient Edit Thunder – Carrot Orange – Corduroy – Tuna – Battleship Gray Color scheme
#3B2D30
#F19026
#576B62
#323744
#7D9472
Gradient Edit Fiord – Oslo Gray – Suva Gray – Manatee – Tuna Color scheme
#3D4A63
#929495
#888687
#8E96A6
#34343E
Gradient Edit Eclipse – Night Rider – Shadow – Judge Gray – Tuna Color scheme
#2F1D15
#130B0A
#8A7452
#4E4532
#373440
Gradient Edit Piper – Tuna – Rope – Fiery Orange – Eclipse Color scheme
#C86723
#32303E
#8C401C
#B14913
#2E1B14

The Ultimate Collection of Tuna Color Palettes

Explore 1,322 hand-picked Tuna color palettes designed for digital artists, web developers, and graphic designers. Whether you're seeking a vibrant accent or a subtle background, this collection provides the precise Hex, RGB, and CMYK codes you need. Beyond simple images, we offer a complete toolkit to integrate these Tuna tones directly into your workflow.

Instant Gradient Generation

Transform any Tuna palette into a beautiful gradient with one click. Our "Gradient" button instantly opens your selected colors in our professional gradient generator, where you can:

  • Customize Angle & Type: Adjust gradient direction from 0° to 360° or switch between linear and radial gradients.
  • Fine-tune Color Stops: Drag color positions, add new stops, or remove colors to perfect your gradient.
  • Download Wallpapers: Export gradients as high-resolution PNG images in HD, 2K, 4K, or custom dimensions.
  • Copy CSS Code: Get ready-to-use CSS gradient code in multiple formats including standard, SCSS, Tailwind, and CSS custom properties.
  • Share & Save: Generate shareable URLs that preserve your exact gradient settings.

Curate Your Own Tuna PDF Book

Found several Tuna combinations you love? Don't lose them. Use our "Collect" feature to save multiple palettes to your personal dashboard. Once curated, you can save the collection to cloud to access from anywhere, anytime or generate and download a custom Color Palette PDF Book containing your entire collection—perfect for client presentations, brand guidelines, or creating a project mood board.

Professional Export Options for Every Workflow

Every Tuna palette can be exported in multiple formats tailored to your specific needs:

For Designers

  • Adobe .ase Files: Import Tuna swatches directly into Photoshop, Illustrator, and InDesign with native Adobe Swatch Exchange format.
  • PDF with Shades: Download comprehensive multi-page PDFs featuring your palette plus 50 gradient shades for each color—ideal for exploring tonal variations.
  • Simple PDF: Clean single-page PDF with HEX, RGB, and CMYK values for quick reference.
  • PNG Downloads: High-resolution palette images available as simple swatches or detailed versions with shade variations.
  • SVG Export: Scalable vector graphics for perfect quality at any size.
  • Gradient Wallpapers: Convert palettes to smooth gradients and download as desktop or mobile wallpapers.

For Developers

  • Tailwind CSS Config: Copy ready-to-use Tailwind configuration snippets with properly named color classes.
  • CSS Variables: Export as :root CSS custom properties for easy integration into any stylesheet.
  • CSS Gradients: Generate linear-gradient() or radial-gradient() code with vendor prefixes for maximum browser compatibility.
  • HEX Codes: Quick-copy comma-separated HEX values for immediate use.
  • Palette URL: Share direct links to any Tuna palette.

Quick Actions & Sharing

Hover over any palette to reveal quick actions: Gradient transforms the palette into a customizable gradient. Edit opens the palette in our interactive generator where you can tweak colors and create variations. Quick View displays colors full-screen for accurate evaluation. Share your favorite Tuna palettes directly to Pinterest or Facebook with optimized preview images.

Complete Color Information

Each palette includes full color specifications: HEX codes for web design, RGB values for digital work, and CMYK conversions for print production. Our PDF exports include all three formats for every color, ensuring accurate reproduction across any medium.

Frequently Asked Questions About Tuna Color Palettes

What are Tuna color palettes and how many are available?

Our collection features 1,322 professionally curated Tuna color palettes designed for diverse creative projects. This color brings unique visual characteristics to designs. These palettes are ideal for diverse industries including design, branding, and creative projects. Each palette includes complete HEX codes for web design, RGB values for digital work, and CMYK conversions for print projects. Browse all 1,322 Tuna palettes for website design, brand identity, graphic design, UI/UX projects, marketing materials, and social media content.

How do I create custom gradients from Tuna palettes?

Creating Tuna gradients is instant with our 1,322 palette options. Simply click the "Gradient" button on any palette card to launch our professional gradient generator with your selected colors pre-loaded. This color works well with complementary tones and neutral backgrounds for balanced visual harmony. You can customize angles (0°-360°), switch between linear and radial types, adjust color stops, download wallpapers in multiple resolutions, and copy production-ready CSS code.

What file formats are available for Tuna palettes?

All 1,322 Tuna palettes can be downloaded in professional formats including Adobe ASE for seamless Photoshop/Illustrator integration, comprehensive PDFs with 50 shade variations, high-resolution PNG and SVG images, Tailwind CSS configuration code, CSS Variables, and gradient code with vendor prefixes.

How do I save and organize Tuna palette collections?

Use the "Collect" button to save palettes from our 1,322 Tuna options to your dashboard. Save collections to the cloud for multi-device access, then generate custom Color Palette PDF Books with all saved palettes—perfect for client presentations, brand guidelines, and project mood boards.

What color specifications are included with each palette?

Each of our 1,322 Tuna palettes provides HEX codes (#RRGGBB format), RGB values (0-255 range), CMYK percentages for print, and HSL values for adjustments. Need to convert between color formats? Use our color converter tool for instant HEX, RGB, CMYK, and HSL conversions with detailed color information. Detailed PDF exports include 50 shade variations per color, offering complete tonal ranges from light tints to deep shades.

How do I integrate Tuna palettes into web projects?

Choose from 1,322 Tuna palettes and export as Tailwind CSS config with named classes, CSS Variables for :root properties, or gradient code with full vendor prefixes. All code is production-ready for immediate use in your projects.

Can I customize and share Tuna palettes?

Yes! All 1,322 Tuna palettes are fully editable. Use our interactive generator to adjust colors, create variations (complementary, analogous, triadic schemes), view full-screen, and share to Pinterest or Facebook with optimized images.

Why choose Tuna for my design project?

This color brings unique visual characteristics to designs. Our 1,322 Tuna palettes include WCAG-compliant combinations for accessibility, complete brand system colors, and UI elements optimized for readability. This color works well with complementary tones and neutral backgrounds for balanced visual harmony.

How do I use Tuna palettes in Adobe Creative Suite?

Download any of our 1,322 Tuna palettes as Adobe ASE files. Import directly into Photoshop (Window → Swatches → Load Swatches), Illustrator (Swatches → Open Swatch Library), or InDesign. All palettes sync across Creative Cloud with exact color accuracy.

Are Tuna color palettes accessible and WCAG compliant?

Many of our 1,322 Tuna palettes are designed with accessibility in mind. To verify WCAG 2.1 compliance, use our WCAG Color Contrast Checker to test your Tuna combinations. The tool checks contrast ratios (4.5:1 for normal text, 3:1 for large text) and provides AA/AAA compliance ratings. Choose darker Tuna shades for text on light backgrounds or lighter tints for dark backgrounds. Our detailed PDFs include 50 shade variations per color, making it easy to find accessible alternatives while maintaining your design aesthetic.

Export, Copy & Share

Copy

Download

PNG with Shades

Share

Pinterest

iColorpalette