CAD
USD
EUR
3 color combinations
Three colors is the tightest a palette can get while keeping hierarchy: a lead, a support, and an accent.
Trio
#82d926rgb(130, 217, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5c5ed6rgb(92, 94, 214)Values, shades & harmoniesOpenOpen palette in generator→
#5f2060rgb(95, 32, 96)Values, shades & harmoniesOpenOpen palette in generator→
Triad
#26add9rgb(38, 173, 217)Values, shades & harmoniesOpenOpen palette in generator→
#d65c7brgb(214, 92, 123)Values, shades & harmoniesOpenOpen palette in generator→
#604f20rgb(96, 79, 32)Values, shades & harmoniesOpenOpen palette in generator→
Three-step
#d95e26rgb(217, 94, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cd6bfrgb(92, 214, 191)Values, shades & harmoniesOpenOpen palette in generator→
#202c60rgb(32, 44, 96)Values, shades & harmoniesOpenOpen palette in generator→
Minimal trio
#2669d9rgb(38, 105, 217)Values, shades & harmoniesOpenOpen palette in generator→
#d66c5crgb(214, 108, 92)Values, shades & harmoniesOpenOpen palette in generator→
#576020rgb(87, 96, 32)Values, shades & harmoniesOpenOpen palette in generator→
Tri-tone
#c7d926rgb(199, 217, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5c8dd6rgb(92, 141, 214)Values, shades & harmoniesOpenOpen palette in generator→
#462060rgb(70, 32, 96)Values, shades & harmoniesOpenOpen palette in generator→
Trinity
#26d960rgb(38, 217, 96)Values, shades & harmoniesOpenOpen palette in generator→
#c15cd6rgb(193, 92, 214)Values, shades & harmoniesOpenOpen palette in generator→
#60202brgb(96, 32, 43)Values, shades & harmoniesOpenOpen palette in generator→
Triplet
#d97826rgb(217, 120, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cd6d1rgb(92, 214, 209)Values, shades & harmoniesOpenOpen palette in generator→
#202360rgb(32, 35, 96)Values, shades & harmoniesOpenOpen palette in generator→
Three of a kind
#d95526rgb(217, 85, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cd6b9rgb(92, 214, 185)Values, shades & harmoniesOpenOpen palette in generator→
#202f60rgb(32, 47, 96)Values, shades & harmoniesOpenOpen palette in generator→
Triangle
#90d926rgb(144, 217, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5c67d6rgb(92, 103, 214)Values, shades & harmoniesOpenOpen palette in generator→
#5a2060rgb(90, 32, 96)Values, shades & harmoniesOpenOpen palette in generator→
Triptych
#d97a26rgb(217, 122, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cd6d2rgb(92, 214, 210)Values, shades & harmoniesOpenOpen palette in generator→
#202260rgb(32, 34, 96)Values, shades & harmoniesOpenOpen palette in generator→
Third rail
#d9ab26rgb(217, 171, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cb8d6rgb(92, 184, 214)Values, shades & harmoniesOpenOpen palette in generator→
#302060rgb(48, 32, 96)Values, shades & harmoniesOpenOpen palette in generator→
Rule of three
#26d9d3rgb(38, 217, 211)Values, shades & harmoniesOpenOpen palette in generator→
#d65c9drgb(214, 92, 157)Values, shades & harmoniesOpenOpen palette in generator→
#603e20rgb(96, 62, 32)Values, shades & harmoniesOpenOpen palette in generator→
Deep trio
#d98126rgb(217, 129, 38)Values, shades & harmoniesOpenOpen palette in generator→
#5cd5d6rgb(92, 213, 214)Values, shades & harmoniesOpenOpen palette in generator→
#202060rgb(32, 32, 96)Values, shades & harmoniesOpenOpen palette in generator→
Pale triad
#c126d9rgb(193, 38, 217)Values, shades & harmoniesOpenOpen palette in generator→
#a9d65crgb(169, 214, 92)Values, shades & harmoniesOpenOpen palette in generator→
#206037rgb(32, 96, 55)Values, shades & harmoniesOpenOpen palette in generator→
Soft three-step
#26d9b6rgb(38, 217, 182)Values, shades & harmoniesOpenOpen palette in generator→
#d65cb1rgb(214, 92, 177)Values, shades & harmoniesOpenOpen palette in generator→
#603320rgb(96, 51, 32)Values, shades & harmoniesOpenOpen palette in generator→
Bold minimal trio
#ab26d9rgb(171, 38, 217)Values, shades & harmoniesOpenOpen palette in generator→
#b8d65crgb(184, 214, 92)Values, shades & harmoniesOpenOpen palette in generator→
#20602frgb(32, 96, 47)Values, shades & harmoniesOpenOpen palette in generator→
Quiet tri-tone
#d92667rgb(217, 38, 103)Values, shades & harmoniesOpenOpen palette in generator→
#5cd66crgb(92, 214, 108)Values, shades & harmoniesOpenOpen palette in generator→
#205760rgb(32, 87, 96)Values, shades & harmoniesOpenOpen palette in generator→
Faded trinity
#d926aargb(217, 38, 170)Values, shades & harmoniesOpenOpen palette in generator→
#79d65crgb(121, 214, 92)Values, shades & harmoniesOpenOpen palette in generator→
#206050rgb(32, 96, 80)Values, shades & harmoniesOpenOpen palette in generator→
Vivid triplet
#b426d9rgb(180, 38, 217)Values, shades & harmoniesOpenOpen palette in generator→
#b2d65crgb(178, 214, 92)Values, shades & harmoniesOpenOpen palette in generator→
#206033rgb(32, 96, 51)Values, shades & harmoniesOpenOpen palette in generator→
Smoky three of a kind
#26c9d9rgb(38, 201, 217)Values, shades & harmoniesOpenOpen palette in generator→
#d65c8ergb(214, 92, 142)Values, shades & harmoniesOpenOpen palette in generator→
#604520rgb(96, 69, 32)Values, shades & harmoniesOpenOpen palette in generator→
Clear triangle
#79d926rgb(121, 217, 38)Values, shades & harmoniesOpenOpen palette in generator→
#615cd6rgb(97, 92, 214)Values, shades & harmoniesOpenOpen palette in generator→
#60205drgb(96, 32, 93)Values, shades & harmoniesOpenOpen palette in generator→
Dusky triptych
#c226d9rgb(194, 38, 217)Values, shades & harmoniesOpenOpen palette in generator→
#a9d65crgb(169, 214, 92)Values, shades & harmoniesOpenOpen palette in generator→
#206038rgb(32, 96, 56)Values, shades & harmoniesOpenOpen palette in generator→
Warm third rail
#26d96argb(38, 217, 106)Values, shades & harmoniesOpenOpen palette in generator→
#c75cd6rgb(199, 92, 214)Values, shades & harmoniesOpenOpen palette in generator→
#602028rgb(96, 32, 40)Values, shades & harmoniesOpenOpen palette in generator→
Cool rule of three
#26d941rgb(38, 217, 65)Values, shades & harmoniesOpenOpen palette in generator→
#ab5cd6rgb(171, 92, 214)Values, shades & harmoniesOpenOpen palette in generator→
#602036rgb(96, 32, 54)Values, shades & harmoniesOpenOpen palette in generator→
Frequently asked questions
Give one color the lead, one support, one accent. A 60-30-10 split is the classic ratio.
3 color palettes borrow their logic from a familiar reference, which gives your work instant recognition. Every scheme on this page keeps that reference clear while staying usable in real layouts.
A strong example from this page is Trio: #82d926, #5c5ed6, #5f2060. It works immediately for layouts, and you can open it in the generator to get RGB, HSL, CMYK, and Pantone values.
Build your own palette
Upload any image and pull a print-ready palette from it in seconds.
Open the color palette generatorMore free tools for your next project
New
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNew
Gradient makerMake vibrant custom gradients for web and print instantlyNew
Bitmap makerTurn any photo into 1-bit dither and halftone bitmap artNew
Pattern generatorTurn any color palette into seamless geometric patternsNew
RGB to CMYK converterTrue CMYK conversion with a print ready download in seconds
Background removerCut out the background from any image in one click
Image upscalerSharpen and enlarge photos up to 4x without losing detail
Color palette generatorPull HEX, RGB, CMYK, and Pantone codes from any image
Contrast checkerCheck color contrast for accessible, readable designs
Convert DOC to PDFTurn any Word document into a print ready PDF instantly
Business card makerCreate custom business cards and download print ready files
Sticker sheet makerArrange your designs and print custom sticker sheets
Sticker makerDesign custom die cut stickers in any shape from your artwork
Instagram name makerTurn your Instagram handle into a custom sticker in seconds
Font generatorCopy and paste fonts for Instagram, TikTok and Discord biosNewGradient makerMake vibrant custom gradients for web and print instantlyNewBitmap makerTurn any photo into 1-bit dither and halftone bitmap artNewPattern generatorTurn any color palette into seamless geometric patternsNewRGB to CMYK converterTrue CMYK conversion with a print ready download in secondsBackground removerCut out the background from any image in one clickImage upscalerSharpen and enlarge photos up to 4x without losing detailColor palette generatorPull HEX, RGB, CMYK, and Pantone codes from any imageContrast checkerCheck color contrast for accessible, readable designsConvert DOC to PDFTurn any Word document into a print ready PDF instantlyBusiness card makerCreate custom business cards and download print ready filesSticker sheet makerArrange your designs and print custom sticker sheetsSticker makerDesign custom die cut stickers in any shape from your artworkInstagram name makerTurn your Instagram handle into a custom sticker in seconds
