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 – Gull Gray – Empress – Woody Brown – Punga Color scheme
#2F323D
#94A4AF
#7E7477
#482A2A
#4B3616
Gradient Edit Squirrel – Emperor – Oslo Gray – Kabul – Tuna Color scheme
#9A8373
#524344
#818E91
#64443F
#3B3C42
Gradient Edit Tuna – Iron – Gondola – Gin – Feta Color scheme
#3B3C44
#D4D7DC
#1C1414
#ECF4EF
#F4FCF0
Gradient Edit Wine Berry – Piper – Fuscous Gray – Tuna – Alto Color scheme
#621E2B
#C86429
#4C4C49
#3B3C43
#D4D4D4
Gradient Edit Whiskey – Tuna – Zorba – Sapling – Night Shadz Color scheme
#CDA56A
#3F3F40
#A3968F
#DCCEA7
#9E294E
Gradient Edit Tuna – Mortar – Coral Tree – Falcon – Sirocco Color scheme
#3D3D44
#674C66
#A2756E
#855D6B
#637E84
Gradient Edit Wild Blue Yonder – Tuna – Rangoon Green – Polar – East Bay Color scheme
#8596B3
#383843
#050503
#EBFCFC
#44548C
Gradient Edit Bunker – Quill Gray – Tuna – Cascade – Catskill White Color scheme
#060D11
#D4D4CC
#3C3C43
#94ACAF
#E9F5F7
Gradient Edit Monarch – Aubergine – Tuna – Lynch – Geyser Color scheme
#820A1B
#29050A
#303249
#667695
#D6E4E4
Gradient Edit Sushi – Green Leaf – Hit Gray – Tuna – Himalaya Color scheme
#8DAC2A
#487207
#A1B5BC
#38384C
#6D691C
Gradient Edit Raven – Spun Pearl – Pampas – Tuna – Havelock Blue Color scheme
#79808C
#AFB0B9
#F1EDEA
#34333E
#448BCC
Gradient Edit Almond Frost – Blackcurrant – Tuna – Eggplant – Almond Frost Color scheme
#947A6B
#2E2C2F
#35353C
#54444C
#987C6C
Gradient Edit Chicago – Tuna – Lemon Grass – Americano – Oslo Gray Color scheme
#5A5A55
#313139
#94948C
#7C736F
#8A8B8C
Gradient Edit Zorba – School bus Yellow – Fuscous Gray – Zeus – Tuna Color scheme
#9D988D
#F7DB08
#5F5C49
#12110F
#434344
Gradient Edit Crail – Bombay – Charade – Tuna – Mine Shaft Color scheme
#B85A38
#ABACAD
#2C2C34
#33333C
#2C2C2C
Gradient Edit Concrete – Ripe Lemon – Tuna – Disco – Te Papa Green Color scheme
#F3F3F3
#F3D30E
#3A3A3C
#A01E63
#25583C
Gradient Edit Mongoose – Rangoon Green – Oil – Tuna – Amethyst Smoke Color scheme
#B49D82
#24251C
#261C18
#333334
#A49CAA
Gradient Edit Tuna – Claret – Meteorite – Genoa – Bilbao Color scheme
#36393D
#8C1B39
#45298A
#13756D
#1B7516
Gradient Edit Tuna – Claret – Daisy Bush – Genoa – Bilbao Color scheme
#36393D
#8C1B39
#3D1C91
#13756D
#1B7516
Gradient Edit Deep Cove – Gulf Blue – White Rock – White – Tuna Color scheme
#051436
#051C4A
#F0EDE2
#FFFFFF
#2E3038
Gradient Edit Avocado – Tuna – Saffron – Nevada – Gondola Color scheme
#82895F
#3B3E45
#F6B63B
#63696C
#130C12
Gradient Edit Pickled Bluewood – Shuttle Gray – Cornflower Blue – Pablo – Tuna Color scheme
#2C3B53
#5A626D
#6CA4FC
#746C5C
#343436
Gradient Edit Tuna – Dawn – Cinder – Acapulco – Hippie Blue Color scheme
#2E2E35
#A19D97
#07060C
#7CB4A0
#5488AC
Gradient Edit Whisper – Tuna – Hillary – Spun Pearl – Puce Color scheme
#F2F1F6
#353745
#A79E87
#A8A9B6
#CF9298
Gradient Edit Santa Fe – Zombie – Tuna – Vesuvius – Bunker Color scheme
#BA7658
#E6D7A2
#343339
#A8480C
#141C1E
Gradient Edit Deep Fir – Jade – Kelp – Tuna – Guardsman Red Color scheme
#001702
#00CC66
#3F4C30
#333647
#CC0000
Gradient Edit Bunker – Tuna – Bunker – Tuna – Black Color scheme
#0B0E15
#3D3D49
#12151B
#323540
#0E1119
Gradient Edit Corduroy – Tuna – Tuna – Bison Hide – Sand Dune Color scheme
#646C6C
#34343C
#3B3C44
#C4B4A4
#847464
Gradient Edit Dorado – Fuscous Gray – Dorado – Tuna – Woody Brown Color scheme
#675250
#4C4C49
#6C5D5A
#34343C
#4C2C29
Gradient Edit Brandy Punch – French Gray – Napa – Tuna – Zorba Color scheme
#C78628
#C3C3C6
#B0A596
#434344
#9F9A94
Gradient Edit Tuna – Tall Poppy – Americano – Shark – Baltic Sea Color scheme
#33343F
#C03929
#7F746C
#1C1C24
#201C24
Gradient Edit Old Rose – Dusty Gray – Gold Sand – Tuna – Conifer Color scheme
#C2947F
#A59396
#E9C190
#393344
#B0D054
Gradient Edit Grain Brown – Deep Oak – Tuna – El Salva – Ship Cove Color scheme
#DDC7AD
#4A2A10
#3C3B48
#842E31
#7092BE
Gradient Edit Gull Gray – Green House – Tan – Paarl – Tuna Color scheme
#95A4B4
#245613
#CDA17A
#955427
#343444
Gradient Edit Tuna – Outer Space – Plantation – Killarney – Amazon Color scheme
#343945
#2A3C32
#26483D
#365D47
#387052
Gradient Edit Mischka – Tuna – Pink Swan – Verdigris – Log Cabin Color scheme
#E5E5E8
#3C3D43
#BCB3B7
#64683C
#242C1D
Gradient Edit Tuna – Burnt Orange – Dawn – Cararra – Spring Wood Color scheme
#373942
#CC5500
#A2A092
#E8E8E0
#F6F4EF
Gradient Edit Tuna – Burnt Orange – Coffee – Dawn – Cararra Color scheme
#373942
#CC5500
#6E6353
#A2A092
#E8E8E0
Gradient Edit Tuna – Coffee – Natural Gray – Dawn – Cararra Color scheme
#373942
#6E6353
#8A887E
#A2A092
#E8E8E0
Gradient Edit Tuna – Bermuda – Puerto Rico – Satin Linen – Pearl Bush Color scheme
#3C3C42
#81D8D0
#48C6BB
#EDEAE1
#E8E0D3
Gradient Edit Gumbo – Steel Blue – Tuna – Cerulean Blue – Arrowtown Color scheme
#7D9FA8
#4680BB
#3F4043
#2F6CB9
#9C8C6C
Gradient Edit Sandal – Opium – Pale Slate – Tuna – Woodsmoke Color scheme
#AF8C6F
#896967
#C8C5C7
#303037
#080A09
Gradient Edit Armadillo – Tuna – Delta – Taupe Gray – Kumera Color scheme
#48413A
#313135
#A2A49F
#B4B494
#7C6424
Gradient Edit Stratos – Paradiso – Hippie Blue – Tuna – Medium Carmine Color scheme
#000033
#358387
#60A6B8
#3F3E4A
#AB3C3C
Gradient Edit Tuna – Athens Gray – Boulder – Silver Chalice – Edward Color scheme
#333337
#E8E8F1
#7C7C7C
#A4A4A4
#A4ACAC
Gradient Edit Tuna – Storm Dust – Cape Cod – Limed Spruce – Muesli Color scheme
#373738
#686963
#3F4444
#3C454D
#AC8C64
Gradient Edit Chicago – Gray Olive – Log Cabin – Bandicoot – Tuna Color scheme
#636056
#A8A294
#1E1E1A
#86846C
#34343C
Gradient Edit Tamarind – Kabul – Just Right – Tuna – Cabbage Pont Color scheme
#301714
#564B3C
#EBCABA
#383A3C
#3A4435
Gradient Edit Swamp Green – Opium – Sanguine Brown – Sisal – Tuna Color scheme
#B6C492
#94726D
#91403B
#CDC4B7
#3C3C4C
Gradient Edit Dusty Gray – Rolling Stone – Mineral Green – Tuna – Mine Shaft Color scheme
#979797
#6C787D
#385250
#343942
#282828

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