Color

A beautiful and consequent color palet for all your WordPress projects

19 Colorsets in 13 tints

A complete color palet for all your design needs. The Pro version consists of 19 colors. All in 13 tints. So you can choose 247 colors. And of course black, white and transparent.

Isotoop Pro Colors

Red and purple

Red free
Pink Pro
Purple
Violet

Blue colors

Indigo
Blue
Aqua
Cyan

Green colors

Teal
Green
Pear
Lime

Yellow and Orange

Yellow
Amber
Orange
Fire

Brown grey dusty

Brown
Bluegr X
Grey free

White

Black

Isotoop Free

Free colors

Red free

Grey free

All tints of Red and Grey are included in the free trial version

13 tints per color

Every base color has 6 steps to white and 6 steps to black. A complete color palet for all your design needs.

Schermafbeelding 2020-11-25 om 17.14.37

Red 01

Red 02

Red 03

Red 04

Red 05

Red 06

Red 07

Red 08

Red 09

Red 10

Red 11

Red 12

Red 13

Background & text colors

Easily take control of your background colrs and typography.
All colors, tints and shadows apply to backgrounds en text.

Red

red01
red02
red03
red04
red05
red06
red07
red08
red09
red10
red11
red12
red13

Grey

grey01
grey02
grey03
grey04
grey05
grey06
grey07
grey08
grey09
grey10
grey11
grey12
grey13

 

t-red01

t-red02

t-red03

t-red04

t-red05

t-red06

t-red07

t-red08

t-red09

t-red10

t-red11

t-red12

t-red13

 

t-grey01

t-grey02

t-grey03

t-grey04

t-grey05

t-grey06

t-grey07

t-grey08

t-grey09

t-grey10

t-grey11

t-grey12

t-grey13

Millions of color combinations

With Isotoop you can make endless color combinations of tints and shades. Choose your set of colors and stay flexible to be creative.

Examples of color combinations

Some examples with Red and Grey with Isotoop. If you add the 17 other colors you get 42052983462257060 combination possibilities (19 ^ 13):

Be consequent

For most WordPress themes

Works with WordPress Gutenberg editor

Easy to use

Will work for years

Stay flexible

Consequent design layout

No coding skills requiered

Consequent design colors for WordPress websites

Save time and energy

How does Isotoop work?

Isotoop consists of prefab simple shortcodes. Paste the shortcode in the existing class (style) field anywhere on your website. This applies to blocks, columns, rows, text and all other elements that have a so called class field in WordPress.

Where to apply style?

You can find the class field in most cases under the advanced tab in your editor, basically everywhere in WordPress.
This way the design is everywhere the same all over your website where you used the style. The bigger the website the more handy, fast and consequent it gets.

Easily add styles

In this example you will see how this works in the WordPress Gutenberg editor. It also works out of the box with the most common page builders like Elementor, Beaver builder, WP Bakery Builder.

Click to enlarge demo

Simple style names

All hundreds of styles have very simple names to make it easy for you to learn and remember. In practice you will use te same codes all the time. For example everything with text starts with t-...

Some examples

Styles text size:

t-xs | t-s | t-n | t-l | t-xl | t-xxl

Styles text color:

t-red03 | t-red07 | t-red13
t-blue03 | t-blue07 | t-blue13

Styles background color:

purple02 | purple06 | purple11
green03 | green07 | green13

Spacing for elements:

margin normal: m-n
margin top: m-t
margin right: m-r

Scroll to Top