Installing and creating custom color schemes in Procreate is easy. You can import swatches from various sources (like the ones below) or create palettes directly within the app. Procreate’s intuitive color wheel and palettes allow for quick adjustments and seamless integration into your workflow, making it easy to experiment and find the perfect color scheme for your projects.

This collection has some of the best free color schemes and swatches available for Procreate. These curated palettes are designed to simplify your color selection process and give you the tools you need to create professional-grade digital artwork.

Whether aiming for vibrant contrasts or subtle harmonies, these free color resources offer valuable inspiration that will help improve your digital creations in Procreate.

If you’re new to Procreate, you might like to take a look at this collection of tutorials. And if you’re looking for brushes, you will love our collection of free Procreate brush sets.

Procreate Color Swatches for Painting & Drawing

37 Color Palettes, Free to Download

This download includes over 35 color schemes. The free palettes offer vibrant hues for cartoon characters, dramatic contrasts for action-packed comic scenes, and delicate tones for expressive manga illustrations.

2024 Colors of the Year Procreate Palettes

This small Procreate download includes two swatches inspired by Peach Fuzz, the 2024 color of the year. Perfect for creating warm, inviting designs with a contemporary twist. These color schemes will bring freshness and energy to your art.

Lipstick & Ice Cream Procreate Color Palettes

4 Color Palettes, Free to Download

This collection includes four unique color schemes: Vintage Pastel, Lipstick Colors, Enchanted Woods, and Ice Cream Colors. They are perfect for creating nostalgic designs, fashion illustrations, and playful artwork. In addition to the swatches, you will also get free PNG images.

Synthwave Procreate Color Palette & Swatches

3 Color Palettes

This small collection of three color schemes has been inspired by retro 80s Synthwave designs. They are perfect for creating vibrant, neon artwork and retro-futuristic digital illustrations, as well as projects that need a nostalgic feel.

Landscape Color Palettes for Procreate

10 Color Palettes, Free to Download

This collection includes ten color schemes designed for landscape digital art. These free palettes are perfect for creating natural environments, from lush forests to serene deserts, offering a variety of hues for different scenic creations.

Sunflower Fields Procreate Color Palette

Free to Download

This free Procreate color scheme has been inspired by sunflower fields in the summer. Use these vibrant yellows and greens to create bright, cheerful digital art.

Color Palette Collection for Procreate

234 Color Palettes

This extensive Prcreate collection includes over 200 palettes and over 7,000 colors, covering a wide range of digital art styles. Ideal for any creative project, these swatches provide numerous options for all your artistic needs.

Skin Tones Procreate Color Palette

Free to Download

This Procreate color scheme includes 30 skin tones. This swatch covers a broad range of shades, perfect for portrait and character design, allowing you to paint realistic and varied human figures.

Bright Candy Procreate Color Palette

This Procreate color scheme has been inspired by the bright colors of candy. Use the vibrant hues to create playful designs. It is perfect for illustrations that need a fun and energetic touch.

Various Procreate Color Palettes

6 Color Palettes, Free to Download

This collection includes six Procreate color schemes: Mutemath, Sweetheart, Cold Winter Air, Botanical Romance, Blinded by the Light, and In the Bubble. These schemes are great for creating diverse themes, from soft and romantic to bright and vibrant digital art.

Christmas Mood Procreate Color Palettes & Swatches

This collection includes seven Procreate color schemes: Cozy Christmas, Evergreen, Traditional Christmas, Christmas Mood, New Year Evening, Warm Wishes, and Golden Christmas. These schemes are perfect for creating festive holiday designs and art.

Procreate Color Palette Collection

200+ Color Palettes, Free to Download

This collection includes over 200 Procreate color palettes covering landscapes, still life, portraits, skin tones, metallics, manga, Pantone, pop art, art deco, impressionism, and more. They’re great for various digital art styles.

Valentine’s Day Procreate Color Palettes

This Procreate color palette is perfect for Valentine’s Day artwork and designs. With these carefully selected colors, you can create romantic art that is excellent for cards and illustrations.

Light Pastel Procreate Color Palette & Swatch

This Procreate color scheme of light pastels offers soft, gentle hues. It is ideal for creating delicate, soothing designs, and is perfect for backgrounds, portraits, and minimalist artwork.

Seasonal Color Schemes for Procreate

4 Color Palettes, Free to Download

This collection includes four seasonal color palettes for Procreate: Snowy Landscape, New Year’s Fireworks, Christmas Art, and Autumn Palette. Each palette offers unique schemes for creating seasonal and festive artwork.

Gorgeous Procreate Color Palettes

4 Color Palettes, Free to Download

This collection includes four free color palettes for Procreate: Bouquet, Sunset, Coral, and Landscape. They offer a range of colors for floral designs, dramatic skies, ocean themes, and natural scenes.

Autumn Inspired Procreate Color Palette

Free to Download

This free Procreate color scheme, Autumn Allure, is perfect for warm, fall-inspired digital art. Use the rich, seasonal colors to create autumn-themed designs.

Neon Lights Color Palette for Procreate

Free to Download

This free Procreate color palette, inspired by bright neon lights, is perfect for creating vibrant digital art. A Photoshop version is also available.

How to Install & Create Color Schemes in Procreate

Installing Color Schemes:

1. Download the Swatches: First, find and download the swatch file (.swatches) you want to use from above.
2. Import Swatches into Procreate: Open Procreate and navigate to the color panel by tapping the color circle at the top-right of the screen. In the color panel, go to the Palettes tab. Tap the + icon to add a new palette, then select New from File. Locate the downloaded swatch file on your device and tap on it to import the swatches into Procreate.
3. Good to go: Your color palette is ready to use!

Creating Custom Color Schemes:

1. Open the Color Panel: In Procreate, open the color panel by clicking on the color circle at the top-right corner.
2. Select the Palettes Tab: Within the color panel, switch to the Palettes tab to manage your color schemes.
3. Create a New Palette: Tap the + icon and choose Create New Palette from the options. This will generate an empty palette ready for customization.
4. Add Colors to the Palette: Use the color wheel or sliders to select a color that fits your scheme. Tap on an empty square within your new palette to save the color. Repeat this process to add additional colors, building your custom palette.
5. Organize and Name the Palette: To make the palette easier to identify, tap on its title to rename it. You can also drag and drop colors within the palette to organize them according to your preferences.

Conclusion

These curated color schemes and swatches for Procreate offer numerous benefits by simplifying your design process and improving the visual quality of your digital artwork.

These palettes will inspire new ideas, spark creativity, and help bring fresh perspectives to your projects. By experimenting with these color schemes, you may discover new styles that inspire you to create even more unique art.

The post 15+ Free Procreate Color Schemes & Swatches for Digital Artists appeared first on Speckyboy Design Magazine.

As you would expect from a handwritten font, they come in many styles, from casual and formal to mischievous and lavish. They can be used on various design projects, including logo design, apparel design, personal branding, social media posts, and so much more.

Although, when using a hand-drawn font, you should exercise a certain degree of caution. While often elegant, some hand-drawn fonts may not be suitable for some projects as they can be difficult to read, making them a terrible choice for body text or when viewed on smaller screens.

Today, we have a collection of free hand-drawn fonts that are perfect for adding a personal feel to your next design project.

What is a Hand-Drawn Font?

A hand-drawn font is a type of font that looks like it was written by hand instead of being designed with a computer. It’s like the letters in a comic book or on a fun poster. Each letter looks slightly different, like when you write something out with your hand.

Hand-drawn fonts fonts come in all sorts of styles. Some might look like neat handwriting, while others might be more scribbly or artistic. They add a unique handcrafted touch to your work.

Jumper Script Fonts

Handkerchief Font

Free to Download

Watch Hand-Drawn Font

CABANA Handmade Font

Free to Download

Bright Sight

Monthoers Letterpress Font

Free to Download

Arabella Font

Free to Download

Waterlily Handwriting Font

Free to Download

Breathe Font Family

Free to Download

MAZAK Font

Nickainley Handwriting Font

Cutepunk Typeface

Free to Download

Barokah Display

Free to Download

El Capitan Hand-Drawn Font

Free to Download

Mathlete Hand-Drawn Font

Free to Download

ALDI Handwritten Sans-Serif

Free to Download

Handmade Hipster Bellaboo

Free to Download

Liberal Hand Serif Font

Free to Download

Barry Font Bold

Free to Download

Bough Hand-Drawn Typeface

Free to Download

Fabfelt Handwritten Script

Free to Download

SUNN Handwriting Font

Free to Download

Conclusion

Designers can never have enough free fonts in their toolbox, and hand-drawn fonts are perfect for adding charm and personality to your work.

All of these fonts were free at the time of publication, but please double-check the license before using them, as they can change from time to time.

The post 20+ Free Hand-Drawn Fonts for Creative Typography appeared first on Speckyboy Design Magazine.

As it turns out, you can accomplish some pretty amazing things when combining code and hand-drawn elements. For instance, you might use SVG animation to make it appear that the element is being “drawn” in real-time. Or you can add a touch of sketch art to something more modern. The sky is the limit.

Today, we’ll show you some examples of how hand-drawn elements (authentic or simulated) can be enhanced through code. Enjoy!

Crowd Watching

Watching this animation is reminiscent of sitting on a bench in the middle of a crowded city. Various quirky characters walk about at a healthy pace. The use of JavaScript turns this collection of illustrations into a moving piece of art.

See the Pen Crowd Simulator by Szenia Zadvornykh

Outstanding Flow

Flow fields are a type of generative, grid-based art that allows for some stunning creations. Highly-detailed works that look as though someone spent hours drawing each and every stroke by hand. This snippet features a control panel that enables you to tweak background color, speed, and more.

See the Pen Flow Field Drawing by Daniel

Not-so-Useless Sketches

Here’s a fun animated drawing that uses everyday objects to spell out the word “Useless.” It’s a bit of a misnomer, as this snippet is a great example of how the GSAP library can be used to enhance artwork.

See the Pen A Tribute to the Useless Web by Sarah Drasner

Chalkboard Menu

If you have a favorite coffee shop or café, chances are you’ve witnessed the casual elegance of a chalkboard menu. Sometimes a bit messy, but always filled with good stuff. This snippet brings a similar charm to your screen, complete with hand-drawn fonts and funky borders.

See the Pen Cafe Menu Layout by Josetxu

Write Your Name in Style

Handwritten text animations are among the more popular use cases for adding character to a design. This tool makes it even more fun by adding a hand icon (which can be turned off), along with a number of settings to tweak.

See the Pen Animated handwriting with DrawSVG (GSAP3) by Craig Roblewsky

A Moving Mural

This virtual mural is like a Yellow Submarine cartoon for the modern age. With bright colors and gentle animations, it’s definitely an attention-getter. Even more impressive is that it’s built with pure CSS.

See the Pen Multi-Screen Mural for JSConf EU 2019 by ilithya

Hand-Drawn 404

As this snippet proves, there’s nothing wrong with having a little fun on your 404 page. A silly alien character is drawn with crayon-like strokes. From there, it features a choppy CSS animation that brings a bit of a homemade vibe.

See the Pen 404:Players Not Found by Sarah Frisk

Draw It Yourself

Nothing says “hand-drawn” quite like the Etch a Sketch. Master the classic toy’s unorthodox knobs, and you can draw something incredible. Here, an online version works by using your keyboard’s arrow keys. Oh, and you’ll hit the “CLEAR” button instead of shaking to start over. Even if you’re not a great artist, you should be able to create some fun block lettering.

See the Pen Etch A Sketch 🖌 by Gemma Stiles

Two Diverse Artforms Coming Together

Whether you’re into drawing, coding, or both – you’re an artist. After all, each allows you to express your creativity in exciting ways.

And, even though these two artforms require vastly different skillsets, they go together quite well. The snippets above are proof that code can bring a new dimension to hand-drawn elements. Movement, interactivity, and other special effects work to enhance the experience.

The post 8 CSS & JavaScript Snippets for Creating Hand-Drawn Elements appeared first on Speckyboy Design Magazine.

Words tell a website’s story. Typography, on the other hand, often reflects something about you or your brand. Your choice of typography can elicit a response, turn a user off, or have no noticeable effect. Think of typography as being the tone of voice of your website as you relate your message.

Times Roman, Arial, Calibri, etc., are attractive fonts when used in the right places. Yet, to add a little personality or pizzazz to your site, hand-written fonts are far more interesting. They can be used almost anywhere. And there is such a broad range of free handwritten fonts available that finding the right one is usually not that difficult.

It can be a time-consuming ordeal to find that “just right” hand-written font-style. Hence, we would like to offer some inspirational help – by showing you websites with some distinctive personalities. These are driven in large part by the style of the hand-written typography they use.

Serve Seattle

At first glance, this decorative text appears to be hand rendered. In truth, it is actually a decorative typeface the Serve Seattle site executes to near perfection.

Notice how it perfectly reinforces the site’s message, whereas a more common sans serif font would not be near as inviting.

Pauline Osmont

Pauline Osmont is an Art Director, Web Designer, and Illustrator in Lyon, France. her page showcases her creative projects using a beautiful hand-written typography positioned squarely on the hero image.

Tadah Foods

Multiple font sizes and font types can often conspire to convey a message perfectly. The inspiring hand-written font is the driver of Tadah Foods’s mission – promoting the sales of high-quality East Mediterranean cuisine to help fund non-profit organizations.

Sweet Magnolia Gelato

Sweet Magnolia Gelato Co. makes delicious gelatos, sorbets, and other treats in a variety of unique combinations. Their quirky website hints at the variety of offerings and the fact that this business features local and regional ingredients.

The hand-drawn typography and handcrafted design elements are a perfect fit for this company’s brand.

We Are Island

The streamlined minimalist design of the We Are Island website is not only engaging, but provides the perfect backdrop for the use of a calligraphic-style of font.

A particular synergy exists between the image and the typography; a synergy that the guys at Island understand quite well.

Skylark Learning

Husband and wife team Alexey and Svetlana founded Skylark Learning with the aim of creating products that offer better opportunities to young children through early, fun-based learning. The website typography has the right audience in mind.

Austin Eastciders

Authenticity and commitment to quality is evident in the Austin Eastciders website, which reflects their service to both their employees and their community. These ideals set the stage for enjoying a tasty beverage in the company of good people.

This culture is also reflected in the site’s carefully chosen, beautifully hand-written typography.

Creatures and Features

They have neither experience, nor prior knowledge. All they have is an insane amount of passion, a case of crazies, a love for the arts, and the desire to create a life we love, doing what we love to do.

It’s little wonder Creatures and Features has such a whimsical artistic look, sprinkled thorough with beautiful handwritten typography that totally matches the mood.

Mahedine Yahia

The creative portfolio of Mahedine Yahia doesn’t quite fit normal design expectations. Yet, it stands out, with its interactive effects and eye-catching hand-crafted text.

WinShapeCamps

Interaction and a large video are the key highlight of the WinShape Camps website. Compared to other sites in its niche, its design is stellar, and its typography is strongly suggestive of fun and excitement.

Petit Mariage entre Amis

Any wedding-themed brochure, invitation, or website would be lacking something without a pastel or watercolor palette and a handcrafted font. Petit Mariage entre Amis beautifully showcases both.

Sarah Ray

Most designers will tell you that text and typography not only be beautiful, but can often be the most critical element in a design. Since text is necessary, it is fortunate when it is also a thing of beauty.

Sarah Ray demonstrates this on her site with beautiful typography complementing her illustrations.

Pilar de la Banda

Pilar de la Banda specializes in building brand experiences. On her site, she combines technology and design with passion to create innovative solutions to brand communication problems and needs.

Vintage Hope

Hand-written typography is combined with useful information to give the Vintage Hope site a retro appearance. Although hand-drawn elements are only used for section headers, they still contribute to the authentic style that typifies this website.

The Production Kitchen

Examples of heavy hand-writing and hand-drawn elements is not widespread, and may or may not represent a trend. Overcrowded and “too artistic” designs such as The Production Kitchen website nevertheless appeal to an audience, although it may be a limited one.

The Ordinary

Designers try to achieve a distinctive design without compromising on its user-friendliness. It’s actually not all that hard to do, as the web design of The Ordinary suggests.

Space Needle

Visiting the actual Space Needle is a great experience. Visiting its single page website is as well, with its beautiful loading screen and amazing scroll effect.

The power of gamification is put to good use here to achieve the right user experience. This site is fantastic inspiration for any project requiring a dose of typographical creativity.

Finished

Typography has its own personality. And it can transfer that character to the entire website just as imagery can. Your choice of typography has the power to turn a not-out-of-the-ordinary website into a compelling, a relaxing, or suspenseful one.

The post 15+ Examples of Hand-Written Typography in Web Design appeared first on Speckyboy Design Magazine.