Hand Picked
Color Palette for
your brand.

Color affects people’s emotions, moods & behaviour.
Choose the right one for your brand’s audience.
EXPLORE
Colorss - Hand picked color pallete for your brand | Product Hunt

Let’s Blend In!

Hand Picked
Color Pallete for
your brand.

Color affects people’s emotions, moods & behaviour.
Choose the right one for your brand’s audience.

Let’s Blend In!

Luxurious

#2E3647
#B68D40
#F4EBD0
#122620
#D6AD60
#2E3647
#B68D40
#F4EBD0
#122620
#D6AD60
Lavishing combination of Gold & Charcoal will give your branding a touch of luxury. Gold is a color associated with wealth, brilliance & glamour. In contrast to Gold, Dark Green in the background signifies ambition & gratuity. The gold letters on the dark set make a very glittery experience for the audience producing a premium look. This palette works well for any business that needs to look high-end.

So for a landing page to address your premium products, Luxurious is the palette that gives them this feel.
#38496D function copyText6() { navigator.clipboard.writeText("#38496D"); sample6.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample6").innerHTML = "#38496D"}, 1100); } #sample6 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample6:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample6 { font-size: 16px; } }
#9A783A function copyText8() { navigator.clipboard.writeText("#9A783A"); sample8.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample8").innerHTML = "#9A783A"}, 1100); } #sample8 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample8:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample8 { font-size: 16px; } }
#4B2A4A function copyText10() { navigator.clipboard.writeText("#C6A057"); sample10.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample10").innerHTML = "#C6A057"}, 1100); } #sample10 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample10:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample10{ font-size: 16px; } }
#122D25 function copyText12() { navigator.clipboard.writeText("#122D25"); sample12.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample12").innerHTML = "#122D25"}, 1100); } #sample12 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample12:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample12 { font-size: 16px; } }
#C5A05B function copyText14() { navigator.clipboard.writeText("#C5A05B"); sample14.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample14").innerHTML = "#C5A05B"}, 1100); } #sample14 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample14:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample14{ font-size: 16px; } }
#3B4864 function copyText7() { navigator.clipboard.writeText("#3B4864"); sample7.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample7").innerHTML = "#3B4864"}, 1100); } #sample7 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample7:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample7 { font-size: 16px; } }
#C6A057 function copyText9() { navigator.clipboard.writeText("#C6A057"); sample9.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample9").innerHTML = "#C6A057"}, 1100); } #sample9 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample9:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample9 { font-size: 16px; } }
#FFF7DE function copyText11() { navigator.clipboard.writeText("#FFF7DE"); sample11.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample11").innerHTML = "#FFF7DE"}, 1100); } #sample11 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample11:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample11{ font-size: 16px; } }
#18332B function copyText13() { navigator.clipboard.writeText("#18332B"); sample13.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample13").innerHTML = "#18332B"}, 1100); } #sample13 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample13:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample13{ font-size: 16px; } }
#E2B35B function copyText15() { navigator.clipboard.writeText("#E2B35B"); sample15.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample15").innerHTML = "#E2B35B"}, 1100); } #sample15 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample15:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample15{ font-size: 16px; } }

YOUNG

#F5076A
#ECEC4C
#F3F2F3
#84E2C0
#00A1D5
#F5076A
#ECEC4C
#F3F2F3
#84E2C0
#00A1D5
Original, Joyful & Progressive – this is what Young tries to make an impression on. A tetradic combination of Pink, Blue, Yellow & Green is used to set this environment. White also denotes new beginnings or a fresh start. The colors used in this palette are of low saturation, which brings innocence & motivating character to the theme. Young as a palette also signifies that the products are affordable & attractive.

This palette establishes a brand image for young crowds for education, games, social media, or stationary-related.
#FA83B5 function copyText21() { navigator.clipboard.writeText("#FA83B5"); sample21.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample21").innerHTML = "#FA83B5"}, 1100); } #sample21 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample21:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample21 { font-size: 16px; } }
#F4F494 function copyText23() { navigator.clipboard.writeText("#F4F494"); sample23.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample23").innerHTML = "#F4F494"}, 1100); } #sample23 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample23:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample23{ font-size: 16px; } }
#F8F7F8 function copyText25() { navigator.clipboard.writeText("#F8F7F8"); sample25.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample25").innerHTML = "#F8F7F8"}, 1100); } #sample25 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample25:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample25{ font-size: 16px; } }
#B5EED9 function copyText28() { navigator.clipboard.writeText("#B5EED9"); sample28.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample28").innerHTML = "#B5EED9"}, 1100); } #sample28 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample28:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample28{ font-size: 16px; } }
#66C7E6 function copyText29() { navigator.clipboard.writeText("#66C7E6"); sample29.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample29").innerHTML = "#66C7E6"}, 1100); } #sample29 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample29:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample29{ font-size: 16px; } }
#C63773 function copyText22() { navigator.clipboard.writeText("#C63773"); sample22.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample22").innerHTML = "#C63773"}, 1100); } #sample22 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample22:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample22 { font-size: 16px; } }
#CCCC5C function copyText24() { navigator.clipboard.writeText("#CCCC5C"); sample24.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample24").innerHTML = "#CCCC5C"}, 1100); } #sample24 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample24:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample24{ font-size: 16px; } }
#D1D0D1 function copyText26() { navigator.clipboard.writeText("#D1D0D1"); sample26.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample26").innerHTML = "#D1D0D1"}, 1100); } #sample26 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample26:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample26{ font-size: 16px; } }
#83C5AD function copyText27() { navigator.clipboard.writeText("#83C5AD"); sample27.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample27").innerHTML = "#83C5AD"}, 1100); } #sample27 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample27:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample27{ font-size: 16px; } }
#0081AA function copyText30() { navigator.clipboard.writeText("#C5A05B"); sample30.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample30").innerHTML = "#C5A05B"}, 1100); } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample30:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }

Trust

#C67C5C
#3E868E
#E1B878
#E0D6C3
#75ACC0E
#C67C5C
#3E868E
#E1B878
#E0D6C3
#75ACC0
The palette is a complementary blend of Gold & Blue for creating sober & sophisticated charm. Pale gold indicates being mature & investable. The overall point of this color palette reminds a sense of financial stability. Nothing better can describe the Blue color that is a sign of intelligence & commitment. Often, this applies to banks like CitiBank, Chase, Capital One & Barclays.

Apart from that Orange, in this will radiate warmth & personalized touch to the customers. Trust is the color palette perfect for money-related, real estate, or law firms.
#727E9A function copyText66() { navigator.clipboard.writeText("#727E9A"); sample66.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample66").innerHTML = "#727E9A"}, 1100); } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample66:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }
#78AAB0 function copyText71() { navigator.clipboard.writeText("#78AAB0"); sample71.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample71").innerHTML = "#78AAB0"}, 1100); } #sample71:hover { cursor: pointer; text-decoration: underline; } #sample71 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample71{ font-size: 16px; } }
#CFA96D function copyText72() { navigator.clipboard.writeText("#CFA96D"); sample72.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample72").innerHTML = "#CFA96D"}, 1100); } #sample72:hover { cursor: pointer; text-decoration: underline; } #sample72 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample72{ font-size: 16px; } }
#D2C7B3 function copyText74() { navigator.clipboard.writeText("#D2C7B3"); sample74.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample74").innerHTML = "#D2C7B3"}, 1100); } #sample74:hover { cursor: pointer; text-decoration: underline; } #sample74 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample74{ font-size: 16px; } }
#71A1B2 function copyText69() { navigator.clipboard.writeText("#71A1B2"); sample69.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample69").innerHTML = "#71A1B2"}, 1100); } #sample69:hover { cursor: pointer; text-decoration: underline; } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }
#455272 function copyText67() { navigator.clipboard.writeText("#455272"); sample67.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample67").innerHTML = "#455272"}, 1100); } #sample67:hover { cursor: pointer; text-decoration: underline; } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }
#4B858B function copyText68() { navigator.clipboard.writeText("#4B858B"); sample68.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample68").innerHTML = "#4B858B"}, 1100); } #sample68:hover { cursor: pointer; text-decoration: underline; } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }
#F1C685 function copyText73() { navigator.clipboard.writeText("#F1C685"); sample73.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample73").innerHTML = "#F1C685"}, 1100); } #sample73:hover { cursor: pointer; text-decoration: underline; } #sample73 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample73{ font-size: 16px; } }
#E8DCC6 function copyText75() { navigator.clipboard.writeText("#E8DCC6"); sample75.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample75").innerHTML = "#E8DCC6"}, 1100); } #sample75:hover { cursor: pointer; text-decoration: underline; } #sample75 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample75{ font-size: 16px; } }
#7AB9CF function copyText70() { navigator.clipboard.writeText("#7AB9CF"); sample70.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample70").innerHTML = "#7AB9CF"}, 1100); } #sample70:hover { cursor: pointer; text-decoration: underline; } #sample30 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample30{ font-size: 16px; } }

Fast

#5B1647
#93063E
#C90035
#FF5627
#FFC400
#5B1647
#93063E
#C90035
#FF5627
#FFC400
Think of a Ferrari & what comes to your mind first? A red car, isn’t it? Red & Yellow are color choices that create a brand image where being quick is a character. The color combination generates an impression of lively, active & expressive. This palette inspires communication, a memory in the back of the audience’s head & mental stimulation that is a mark of fast.

Consequently, a product that is to be working within a flash needs to be having such a color palette.
#9D7391 function copyText51() { navigator.clipboard.writeText("#9D7391"); sample51.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample51").innerHTML = "#9D7391"}, 1100); } #sample51:hover { cursor: pointer; text-decoration: underline; } #sample51 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample51{ font-size: 16px; } }
#BE6A8B function copyText52() { navigator.clipboard.writeText("#BE6A8B"); sample52.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample52").innerHTML = "#BE6A8B"}, 1100); } #sample52:hover { cursor: pointer; text-decoration: underline; } #sample52 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample52{ font-size: 16px; } }
#D94D72 function copyText53() { navigator.clipboard.writeText("#D94D72"); sample53.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample53").innerHTML = "#D94D72"}, 1100); } #sample53:hover { cursor: pointer; text-decoration: underline; } #sample53 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample53{ font-size: 16px; } }
#FF8968 function copyText54() { navigator.clipboard.writeText("#FF8968"); sample54.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample54").innerHTML = "#FF8968"}, 1100); } #sample54:hover { cursor: pointer; text-decoration: underline; } #sample54 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample54{ font-size: 16px; } }
#FFD64D function copyText55() { navigator.clipboard.writeText("#FFD64D"); sample55.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample55").innerHTML = "#FFD64D"}, 1100); } #sample55:hover { cursor: pointer; text-decoration: underline; } #sample55 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample55{ font-size: 16px; } }
#663658 function copyText57() { navigator.clipboard.writeText("#663658"); sample57.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample57").innerHTML = "#663658"}, 1100); } #sample57:hover { cursor: pointer; text-decoration: underline; } #sample57 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample57{ font-size: 16px; } }
#8D2B52 function copyText58() { navigator.clipboard.writeText("#8D2B52"); sample58.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample58").innerHTML = "#8D2B52"}, 1100); } #sample58:hover { cursor: pointer; text-decoration: underline; } #sample58 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample58{ font-size: 16px; } }
#BA1A44 function copyText59() { navigator.clipboard.writeText("#BA1A44"); sample59.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample59").innerHTML = "#BA1A44"}, 1100); } #sample59:hover { cursor: pointer; text-decoration: underline; } #sample59 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample59{ font-size: 16px; } }
#E65E39 function copyText60() { navigator.clipboard.writeText("#E65E39"); sample60.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample60").innerHTML = "#E65E39"}, 1100); } #sample60:hover { cursor: pointer; text-decoration: underline; } #sample60 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample60{ font-size: 16px; } }
#E6B61A function copyText56() { navigator.clipboard.writeText("#E6B61A"); sample56.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample56").innerHTML = "#E6B61A"}, 1100); } #sample56:hover { cursor: pointer; text-decoration: underline; } #sample56 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample56{ font-size: 16px; } }

Modern

#145460
#5D9E7E
#F6EBCD
#E8C492
#D15252
#145460
#5D9E7E
#F6EBCD
#E8C492
#D15252
The palette here implies a classy & fashionable style influencing the present generation. The Green color will show a graceful & simplicity with Gold contributes to expressing the glow to the visitors. Red in this gives an impression of creativity & passion. The meld between bright & sober colors makes the palette an exemplary design, then something like Starbucks will be a better example of the modern color palette.If you want to create a brand image of being up to date with recent fashion, then this palette is worth a shot.

If you want to create a brand image of being up to date with recent fashion, then this palette is worth a shot.
#5B8790 function copyText36() { navigator.clipboard.writeText("#5B8790"); sample36.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample36").innerHTML = "#5B8790"}, 1100); } #sample36 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample36:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample36{ font-size: 16px; } }
#8EBBA5 function copyText42() { navigator.clipboard.writeText("#8EBBA5"); sample42.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample42").innerHTML = "#8EBBA5"}, 1100); } #sample42 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample42:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample42{ font-size: 16px; } }
#F9F1DC function copyText43() { navigator.clipboard.writeText("#F9F1DC"); sample43.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample43").innerHTML = "#F9F1DC"}, 1100); } #sample43 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample43:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample43{ font-size: 16px; } }
#EFD6B3 function copyText45() { navigator.clipboard.writeText("#EFD6B3"); sample45.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample45").innerHTML = "#EFD6B3"}, 1100); } #sample45 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample45:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample45{ font-size: 16px; } }
#DF8686 function copyText40() { navigator.clipboard.writeText("#DF8686"); sample40.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample40").innerHTML = "#DF8686"}, 1100); } #sample40 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample40:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample40{ font-size: 16px; } }
#2A5D66 function copyText37() { navigator.clipboard.writeText("#2A5D66"); sample37.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample37").innerHTML = "#2A5D66"}, 1100); } #sample37 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample37:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample37{ font-size: 16px; } }
#64987E function copyText38() { navigator.clipboard.writeText("#64987E"); sample38.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample38").innerHTML = "#64987E"}, 1100); } #sample38 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample38:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample38{ font-size: 16px; } }
#DED6BE function copyText44() { navigator.clipboard.writeText("#DED6BE"); sample44.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample44").innerHTML = "#DED6BE"}, 1100); } #sample44 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample44:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample44{ font-size: 16px; } }
#D3B68E function copyText39() { navigator.clipboard.writeText("#D3B68E"); sample39.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample39").innerHTML = "#D3B68E"}, 1100); } #sample39 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample39:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample39{ font-size: 16px; } }
#C15B5B function copyText41() { navigator.clipboard.writeText("#C15B5B"); sample41.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample41").innerHTML = "#C15B5B"}, 1100); } #sample41 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample41:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample41{ font-size: 16px; } }

Futurism

#FD6396
#3E4271
#55A6DF
#66E3E0
#8038B3
#FD6396
#3E4271
#55A6DF
#66E3E0
#8038B3
The combination of bright colors creates an environment of advanced & ahead of time. Thus, colors like Pink, Blue & Purple fit perfectly for a theme from the future. Blue gives a reflection of your intelligence & dapper work. Pink & Purple talks about imagination & peculiar character that shows a product’s distinct nature. The palette aims to show that the product is a state of the artwork that belongs to a progressive trend.

So, If you want your landing page to create an impression of being tech-savvy, then have a shot at Futurism.
#FE92B6 function copyText87() { navigator.clipboard.writeText("#FE92B6"); sample87.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample87").innerHTML = "#FE92B6"}, 1100); } #sample87 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample87:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample87{ font-size: 16px; } }
#787B9C function copyText82() { navigator.clipboard.writeText("#787B9C"); sample82.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample82").innerHTML = "#787B9C"}, 1100); } #sample82:hover { cursor: pointer; text-decoration: underline; } #sample82 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample82{ font-size: 16px; } }
#88C1E9 function copyText88() { navigator.clipboard.writeText("#88C1E9"); sample88.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample88").innerHTML = "#88C1E9"}, 1100); } #sample88 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample88:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample88{ font-size: 16px; } }
#94EBE9 function copyText89() { navigator.clipboard.writeText("#94EBE9"); sample89.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample89").innerHTML = "#94EBE9"}, 1100); } #sample89 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample89:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample89{ font-size: 16px; } }
#A674CA function copyText85() { navigator.clipboard.writeText("#A674CA"); sample85.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample85").innerHTML = "#A674CA"}, 1100); } #sample85:hover { cursor: pointer; text-decoration: underline; } #sample85 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample85 { font-size: 16px; } }
#E46992 function copyText81() { navigator.clipboard.writeText("#E46992"); sample81.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample81").innerHTML = "#E46992"}, 1100); } #sample81:hover { cursor: pointer; text-decoration: underline; } #sample81 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample81{ font-size: 16px; } }
#4B4E74 function copyText83() { navigator.clipboard.writeText("#4B4E74"); sample83.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample83").innerHTML = "#4B4E74"}, 1100); } #sample83:hover { cursor: pointer; text-decoration: underline; } #sample83 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample83 { font-size: 16px; } }
#5E9ECC function copyText84() { navigator.clipboard.writeText("#5E9ECC"); sample84.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample84").innerHTML = "#5E9ECC"}, 1100); } #sample84:hover { cursor: pointer; text-decoration: underline; } #sample84 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample84 { font-size: 16px; } }
#6BCFCD function copyText90() { navigator.clipboard.writeText("#6BCFCD"); sample90.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample90").innerHTML = "#6BCFCD"}, 1100); } #sample90 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample90:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample90{ font-size: 16px; } }
#8046A9 function copyText86() { navigator.clipboard.writeText("#8046A9"); sample86.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample86").innerHTML = "#8046A9"}, 1100); } #sample86:hover { cursor: pointer; text-decoration: underline; } #sample86 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } @media screen and (max-width: 922px){ #sample86 { font-size: 16px; } }

Exclusive

#080706
#A7831F
#F2F4F3
#1B2E3C
#0C0C1E
#080706
#A7831F
#F2F4F3
#1B2E3C
#0C0C1E
Exclusive can be expressive when you use complementary colors in the palette. To your product to some selected forte of the audience as the colors show the difference & make it stand out. A Black & White combination with Dark Blue & Amber makes the polished & high-end statement. Dark colors make a sober & formal appearance with Bright ones that make it look like a star.

The grand appearance of this color palette helps brands to draw engagement on the product that is very special & limited edition.
#393938 function copyText103() { navigator.clipboard.writeText("#393938"); sample103.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample103").innerHTML = "#393938"}, 1100); } #sample103 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample103:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample103{ font-size: 16px; } }
#8B7946 function copyText105() { navigator.clipboard.writeText("#8B7946"); sample105.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample105").innerHTML = "#8B7946"}, 1100); } #sample105 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample105:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample105{ font-size: 16px; } }
#F9FAF9 function copyText101() { navigator.clipboard.writeText("#F9FAF9"); sample101.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample101").innerHTML = "#F9FAF9"}, 1100); } #sample101 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample101:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample101{ font-size: 16px; } }
#172631 function copyText107() { navigator.clipboard.writeText("#172631"); sample107.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample107").innerHTML = "#172631"}, 1100); } #sample107 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample107:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample107{ font-size: 16px; } }
#090917 function copyText109() { navigator.clipboard.writeText("#090917"); sample109.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample109").innerHTML = "#090917"}, 1100); } #sample109 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample109:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample109{ font-size: 16px; } }
#141312 function copyText104() { navigator.clipboard.writeText("#141312"); sample104.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample104").innerHTML = "#141312"}, 1100); } #sample104 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample104:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample104{ font-size: 16px; } }
#AB810B function copyText106() { navigator.clipboard.writeText("#AB810B"); sample106.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample106").innerHTML = "#AB810B"}, 1100); } #sample106 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample106:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample106{ font-size: 16px; } }
#DBDDDC function copyText102() { navigator.clipboard.writeText("#DBDDDC"); sample102.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample102").innerHTML = "#DBDDDC"}, 1100); } #sample102 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample102:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample102{ font-size: 16px; } }
#243B4D function copyText108() { navigator.clipboard.writeText("#243B4D"); sample108.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample108").innerHTML = "#243B4D"}, 1100); } #sample108 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample108:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample108{ font-size: 16px; } }
#151530 function copyText110() { navigator.clipboard.writeText("#151530"); sample110.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample110").innerHTML = "#151530"}, 1100); } #sample110 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample110:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample110{ font-size: 16px; } }
QUICK QUESTION

What if, you get Access to our
Design Team on Subscription?

Playful

#CE005A
#F27900
#007A97
#80DE00
#E8EAE9
Playful is the color palette that is expressive & adventurous. Bright colors are the ideal setting for this Orange & Pink are symbols of creativity, playfulness & energizing. White acts in contrast with this Blue is the impression of enthusiastic emotion. No matter what you have in mind for this color blend, you’ll get a refreshing & lively vibe.

This palette is for those who want the brand image to be funky & products related to fun & sounding vibes.
#DD4D8C function copyText116() { navigator.clipboard.writeText("#DD4D8C"); sample116.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample116").innerHTML = "#DD4D8C"}, 1100); } #sample116 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample116:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample116{ font-size: 16px; } }
#F6A14D function copyText117() { navigator.clipboard.writeText("#F6A14D"); sample117.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample117").innerHTML = "#F6A14D"}, 1100); } #sample117 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample117:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample117{ font-size: 16px; } }
#4DA2B6 function copyText118() { navigator.clipboard.writeText("#4DA2B6"); sample118.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample118").innerHTML = "#4DA2B6"}, 1100); } #sample118 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample118:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample118{ font-size: 16px; } }
#A6E84D function copyText119() { navigator.clipboard.writeText("#A6E84D"); sample119.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample119").innerHTML = "#A6E84D"}, 1100); } #sample119 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample119:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample118{ font-size: 16px; } }
#FAFBFB function copyText120() { navigator.clipboard.writeText("#FAFBFB"); sample120.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample120").innerHTML = "#FAFBFB"}, 1100); } #sample120 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample120:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample120{ font-size: 16px; } }
#BE1A62 function copyText123() { navigator.clipboard.writeText("#BE1A62"); sample123.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample123").innerHTML = "#BE1A62"}, 1100); } #sample123 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample123:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample123{ font-size: 16px; } }
#DB7A1A function copyText124() { navigator.clipboard.writeText("#DB7A1A"); sample124.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample124").innerHTML = "#DB7A1A"}, 1100); } #sample124 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample124:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample124{ font-size: 16px; } }
#1A7B92 function copyText125() { navigator.clipboard.writeText("#1A7B92"); sample125.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample125").innerHTML = "#1A7B92"}, 1100); } #sample125 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample125:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample125{ font-size: 16px; } }
#80CB1A function copyText121() { navigator.clipboard.writeText("#80CB1A"); sample121.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample121").innerHTML = "#80CB1A"}, 1100); } #sample121 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample121:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample121{ font-size: 16px; } }
#DEDFDF function copyText122() { navigator.clipboard.writeText("#DEDFDF"); sample122.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample122").innerHTML = "#DEDFDF"}, 1100); } #sample122 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample122:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample122{ font-size: 16px; } }

Authoritative

#8AC6D1
#BBDED6
#667899
#DFE5F2
#3C3A40
The color palette here reflects the symbol of being professional. A marvelous combination of dull blue & violet that describes tranquility, trust & openness. Black acts as the contrasting color that is also a symbol of formality & power. Using Deep Blue tones with Off White highlights makes the subtle & experienced appearance that is classic.

This palette is a perfect fit for the brand identities of agencies or corporates that need to communicate that they’re serious when it’s time for the business. But also agile & fast-moving.
#7DB4BE function copyText137() { navigator.clipboard.writeText("#7DB4BE"); sample137.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample137").innerHTML = "#7DB4BE"}, 1100); } #sample137 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample137:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample137{ font-size: 16px; } }
#BDE5DC function copyText138() { navigator.clipboard.writeText("#BDE5DC"); sample138.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample138").innerHTML = "#BDE5DC"}, 1100); } #sample138 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample138:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample138{ font-size: 16px; } }
#546482 function copyText136() { navigator.clipboard.writeText("#546482"); sample136.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample136").innerHTML = "#546482"}, 1100); } #sample136 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample136:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample136{ font-size: 16px; } }
#CED1D8 function copyText139() { navigator.clipboard.writeText("#CED1D8"); sample139.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample139").innerHTML = "#CED1D8"}, 1100); } #sample139 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample139:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample139{ font-size: 16px; } }
#2B292E function copyText135() { navigator.clipboard.writeText("#2B292E"); sample135.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample135").innerHTML = "#2B292E"}, 1100); } #sample135 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample135:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample135{ font-size: 16px; } }
#8AD3E1 function copyText131() { navigator.clipboard.writeText("#8AD3E1"); sample131.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample131").innerHTML = "#8AD3E1"}, 1100); } #sample131 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample131:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample131{ font-size: 16px; } }
#99C8BD function copyText132() { navigator.clipboard.writeText("#99C8BD"); sample132.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample132").innerHTML = "#99C8BD"}, 1100); } #sample132 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample132:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample132{ font-size: 16px; } }
#7486A8 function copyText133() { navigator.clipboard.writeText("#7486A8"); sample133.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample133").innerHTML = "#7486A8"}, 1100); } #sample133 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample133:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample133{ font-size: 16px; } }
#DFE5F3 function copyText140() { navigator.clipboard.writeText("#DFE5F3"); sample140.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample140").innerHTML = "#DFE5F3"}, 1100); } #sample140 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample140:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample140{ font-size: 16px; } }
#54515A function copyText134() { navigator.clipboard.writeText("#54515A"); sample134.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample134").innerHTML = "#54515A"}, 1100); } #sample134 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample134:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample134{ font-size: 16px; } }

Royal

#55375A
#754679
#8B4897
#421C58
#A173BF
The shades of Purple, don’t this reminds you of the Britain Crown? So what else can be a better fit for the Royal palette than Purple? The color purple is associated with majestic, elite, luxury & passion. This color palette makes the visitors feel unique & makes a promising appeal to an imperial quality of product & service. Also, the color palette signifies a high-end product with the sleek in the gaze.

Therefore, if you want a brand identity promising a glorious experience to your audience, get on board with Royal
#775F7B function copyText146() { navigator.clipboard.writeText("#775F7B"); sample146.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample146").innerHTML = "#775F7B"}, 1100); } #sample146 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample146:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample146{ font-size: 16px; } }
#9E7EA1 function copyText147() { navigator.clipboard.writeText("#9E7EA1"); sample147.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample147").innerHTML = "#9E7EA1"}, 1100); } #sample147 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample147:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample147{ font-size: 16px; } }
#AE7FB6 function copyText148() { navigator.clipboard.writeText("#AE7FB6"); sample148.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample148").innerHTML = "#AE7FB6"}, 1100); } #sample148 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample148:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample148{ font-size: 16px; } }
#FF96E8 function copyText155() { navigator.clipboard.writeText("#FF96E8"); sample155.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample155").innerHTML = "#FF96E8"}, 1100); } #sample155 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample155:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample155{ font-size: 16px; } }
#8860A2 function copyText149() { navigator.clipboard.writeText("#8860A2"); sample149.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample149").innerHTML = "#8860A2"}, 1100); } #sample149 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample149:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample149{ font-size: 16px; } }
#5E4662 function copyText151() { navigator.clipboard.writeText("#5E4662"); sample151.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample151").innerHTML = "#5E4662"}, 1100); } #sample151 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample151:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample151{ font-size: 16px; } }
#77527A function copyText152() { navigator.clipboard.writeText("#77527A"); sample152.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample152").innerHTML = "#77527A"}, 1100); } #sample152 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample152:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample152{ font-size: 16px; } }
#895392 function copyText153() { navigator.clipboard.writeText("#895392"); sample153.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample153").innerHTML = "#895392"}, 1100); } #sample153 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample153:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample153{ font-size: 16px; } }
#E66ECB function copyText154() { navigator.clipboard.writeText("#E66ECB"); sample154.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample154").innerHTML = "#E66ECB"}, 1100); } #sample154 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample154:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample154{ font-size: 16px; } }
#B986DB function copyText150() { navigator.clipboard.writeText("#B986DB"); sample150.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample150").innerHTML = "#B986DB"}, 1100); } #sample150 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample150:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample150{ font-size: 16px; } }

Creative

#569EB4
#86D7B6
#F6E08A
#FF6A3F
#27124F
The blend of colors like Orange, Blue & Gold makes an impression of fantasy & innovative features. They together appear to be sparkly & enthusiastic. No work of creativity can come without courage & intelligence. As a result, Orange identifies as courage & Blue represents the character of intelligence. The creative palette brings the endearing & vibrant mood that shows the product built with great effort.

If your product is something new or wanna make a brand image of being artful & clever products, then this palette is worth the shot.
#89BBCB function copyText161() { navigator.clipboard.writeText("#89BBCB"); sample161.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample161").innerHTML = "#89BBCB"}, 1100); } #sample161 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample161:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample161{ font-size: 16px; } }
#AAE3CC function copyText165() { navigator.clipboard.writeText("#AAE3CC"); sample165.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample165").innerHTML = "#AAE3CC"}, 1100); } #sample165 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample165:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample165{ font-size: 16px; } }
#F9E9AD function copyText166() { navigator.clipboard.writeText("#F9E9AD"); sample166.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample166").innerHTML = "#F9E9AD"}, 1100); } #sample166 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample166:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample166{ font-size: 16px; } }
#FF9779 function copyText167() { navigator.clipboard.writeText("#FF9779"); sample167.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample167").innerHTML = "#FF9779"}, 1100); } #sample167 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample167:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample167{ font-size: 16px; } }
#686484 function copyText168() { navigator.clipboard.writeText("#686484"); sample168.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample168").innerHTML = "#686484"}, 1100); } #sample168 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample168:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample168{ font-size: 16px; } }
#5E98AA function copyText162() { navigator.clipboard.writeText("#5E98AA"); sample162.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample162").innerHTML = "#5E98AA"}, 1100); } #sample162 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample162:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample162{ font-size: 16px; } }
#85C6AB function copyText169() { navigator.clipboard.writeText("#85C6AB"); sample169.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample169").innerHTML = "#85C6AB"}, 1100); } #sample169 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample169:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample169{ font-size: 16px; } }
#DECD88 function copyText170() { navigator.clipboard.writeText("#DECD88"); sample170.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample170").innerHTML = "#DECD88"}, 1100); } #sample170 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample170:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample170{ font-size: 16px; } }
#E66E4C function copyText163() { navigator.clipboard.writeText("#E66E4C"); sample163.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample163").innerHTML = "#E66E4C"}, 1100); } #sample163 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample163:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample163{ font-size: 16px; } }
#393459 function copyText164() { navigator.clipboard.writeText("#393459"); sample164.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample164").innerHTML = "#393459"}, 1100); } #sample164 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample164:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample164{ font-size: 16px; } }

ENERGETIC

#580C82
#8F30A1
#FE4773
#F6D68D
#46B3A5
The cocktail of colors like purple, pink & yellow makes the theme high on power, dynamic & snappy. The here is bright & charming, making the setup cheerful. Along with this, Green plays the role of further strength, the statement of being in a high spirit. This palette provides the label of the cheerful & keep-moving mood. The Hue colors used are what make the palette most appealing.

Energetic will be the palette of choice for the industries like Food, Sporting & Fashion are some of them.
#8A55A8 function copyText176() { navigator.clipboard.writeText("#8A55A8"); sample176.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample176").innerHTML = "#8A55A8"}, 1100); } #sample176 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample176:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample176{ font-size: 16px; } }
#B16EBD function copyText177() { navigator.clipboard.writeText("#B16EBD"); sample177.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample177").innerHTML = "#B16EBD"}, 1100); } #sample177 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample177:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample177{ font-size: 16px; } }
#FE7E9D function copyText178() { navigator.clipboard.writeText("#8A55A8"); sample178.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample178").innerHTML = "#8A55A8"}, 1100); } #sample178 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample178:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample178{ font-size: 16px; } }
#F9E2AF function copyText179() { navigator.clipboard.writeText("#F9E2AF"); sample179.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample179").innerHTML = "#F9E2AF"}, 1100); } #sample179 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample179:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample179{ font-size: 16px; } }
#7ECAC0 function copyText180() { navigator.clipboard.writeText("#7ECAC0"); sample180.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample180").innerHTML = "#7ECAC0"}, 1100); } #sample180 { color:#000000; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample180:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample180{ font-size: 16px; } }
#602382 function copyText181() { navigator.clipboard.writeText("#8A55A8"); sample181.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample181").innerHTML = "#8A55A8"}, 1100); } #sample181 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample181:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample181{ font-size: 16px; } }
#8C409A function copyText182() { navigator.clipboard.writeText("#8C409A"); sample182.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample182").innerHTML = "#8C409A"}, 1100); } #sample182 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample182:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample182{ font-size: 16px; } }
#E55276 function copyText183() { navigator.clipboard.writeText("#E55276"); sample183.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample183").innerHTML = "#E55276"}, 1100); } #sample183 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample183:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample183{ font-size: 16px; } }
#DEC58A function copyText184() { navigator.clipboard.writeText("#DEC58A"); sample184.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample184").innerHTML = "#DEC58A"}, 1100); } #sample184 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample184:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample184{ font-size: 16px; } }
#52A99E function copyText185() { navigator.clipboard.writeText("#52A99E"); sample185.innerText = "Copied!"; setTimeout(() => {document.getElementById("sample185").innerHTML = "#52A99E"}, 1100); } #sample185 { color:#ffffff; font-family:poppins; font-weight:400; text-align: center; font-size: 17px; ling-hight: 34px; border:none; background-color:transparent; } #sample185:hover { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 922px){ #sample185{ font-size: 16px; } }

Get Access to your own
Graphic Design, UI,
Video & Dev Team

STARTING AT JUST $398