Color Palette / Color Scheme
Iris
Colors Contained
Change the color combination using the button below.
Switch
Basic Color Palette
| Color | HEX | RGB |
|---|---|---|
#5C2B8C |
92, 43, 140 |
|
#9D62D9 |
157, 98, 217 |
|
#F2C12E |
242, 193, 46 |
Gradation
Left:
Center:
Right:
#5C2B8CCenter:
#9D62D9Right:
#F2C12E
Color Palettes: Categories
Color Combination Sample
For more samples of the color combination, see below and click on the "Switch" button to change the combination pattern.
Horizontal Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Vertical Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Horizontal/Vertical Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Heading (Iris)
Colors of Iris
Text:
Background:
Border-bottom:
#5C2B8CBackground:
#9D62D9Border-bottom:
#F2C12EColors of Iris
Text:
Background:
Border-bottom:
#5C2B8CBackground:
#F2C12EBorder-bottom:
#9D62D9Colors of Iris
Text:
Background:
Border-bottom:
#9D62D9Background:
#5C2B8CBorder-bottom:
#F2C12EColors of Iris
Text:
Background:
Border-bottom:
#9D62D9Background:
#F2C12EBorder-bottom:
#5C2B8CColors of Iris
Text:
Background:
Border-bottom:
#F2C12EBackground:
#5C2B8CBorder-bottom:
#9D62D9Colors of Iris
Text:
Background:
Border-bottom:
#F2C12EBackground:
#9D62D9Border-bottom:
#5C2B8CSwitch
Color Palettes: Categories
Spots against a Background (Iris)
Background:
Upper-right circle:
Lower-left circle:
#5C2B8CUpper-right circle:
#9D62D9Lower-left circle:
#F2C12EBackground:
Upper-right circle:
Lower-left circle:
#5C2B8CUpper-right circle:
#F2C12ELower-left circle:
#9D62D9Background:
Upper-right circle:
Lower-left circle:
#9D62D9Upper-right circle:
#5C2B8CLower-left circle:
#F2C12EBackground:
Upper-right circle:
Lower-left circle:
#9D62D9Upper-right circle:
#F2C12ELower-left circle:
#5C2B8CBackground:
Upper-right circle:
Lower-left circle:
#F2C12EUpper-right circle:
#5C2B8CLower-left circle:
#9D62D9Background:
Upper-right circle:
Lower-left circle:
#F2C12EUpper-right circle:
#9D62D9Lower-left circle:
#5C2B8CSwitch
Color Palettes: Categories
Three Circles (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
#5C2B8CCream:
#9D62D9Sponge:
#F2C12ETopping/Fillings:
Cream:
Sponge:
#5C2B8CCream:
#F2C12ESponge:
#9D62D9Topping/Fillings:
Cream:
Sponge:
#9D62D9Cream:
#5C2B8CSponge:
#F2C12ETopping/Fillings:
Cream:
Sponge:
#9D62D9Cream:
#F2C12ESponge:
#5C2B8CTopping/Fillings:
Cream:
Sponge:
#F2C12ECream:
#5C2B8CSponge:
#9D62D9Topping/Fillings:
Cream:
Sponge:
#F2C12ECream:
#9D62D9Sponge:
#5C2B8CSwitch
Color Palettes: Categories
Owl (Iris)
Head/Wing/Spots:
Beak/Legs:
Body:
#5C2B8CBeak/Legs:
#9D62D9Body:
#F2C12EHead/Wing/Spots:
Beak/Legs:
Body:
#5C2B8CBeak/Legs:
#F2C12EBody:
#9D62D9Head/Wing/Spots:
Beak/Legs:
Body:
#9D62D9Beak/Legs:
#5C2B8CBody:
#F2C12EHead/Wing/Spots:
Beak/Legs:
Body:
#9D62D9Beak/Legs:
#F2C12EBody:
#5C2B8CHead/Wing/Spots:
Beak/Legs:
Body:
#F2C12EBeak/Legs:
#5C2B8CBody:
#9D62D9Head/Wing/Spots:
Beak/Legs:
Body:
#F2C12EBeak/Legs:
#9D62D9Body:
#5C2B8CSwitch
Color Palettes: Categories
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
#5C2B8CShirt/Boots:
#9D62D9Skirt:
#F2C12EVest:
Shirt/Boots:
Skirt:
#5C2B8CShirt/Boots:
#F2C12ESkirt:
#9D62D9Vest:
Shirt/Boots:
Skirt:
#9D62D9Shirt/Boots:
#5C2B8CSkirt:
#F2C12EVest:
Shirt/Boots:
Skirt:
#9D62D9Shirt/Boots:
#F2C12ESkirt:
#5C2B8CVest:
Shirt/Boots:
Skirt:
#F2C12EShirt/Boots:
#5C2B8CSkirt:
#9D62D9Vest:
Shirt/Boots:
Skirt:
#F2C12EShirt/Boots:
#9D62D9Skirt:
#5C2B8CSwitch
Color Palettes: Categories
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
#5C2B8CShirt:
#9D62D9Pants:
#F2C12EJacket/Shoes:
Shirt:
Pants:
#5C2B8CShirt:
#F2C12EPants:
#9D62D9Jacket/Shoes:
Shirt:
Pants:
#9D62D9Shirt:
#5C2B8CPants:
#F2C12EJacket/Shoes:
Shirt:
Pants:
#9D62D9Shirt:
#F2C12EPants:
#5C2B8CJacket/Shoes:
Shirt:
Pants:
#F2C12EShirt:
#5C2B8CPants:
#9D62D9Jacket/Shoes:
Shirt:
Pants:
#F2C12EShirt:
#9D62D9Pants:
#5C2B8CSwitch
Color Palettes: Categories
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
#5C2B8CScreen:
#9D62D9Cat:
#F2C12EBackground:
Screen:
Cat:
#5C2B8CScreen:
#F2C12ECat:
#9D62D9Background:
Screen:
Cat:
#9D62D9Screen:
#5C2B8CCat:
#F2C12EBackground:
Screen:
Cat:
#9D62D9Screen:
#F2C12ECat:
#5C2B8CBackground:
Screen:
Cat:
#F2C12EScreen:
#5C2B8CCat:
#9D62D9Background:
Screen:
Cat:
#F2C12EScreen:
#9D62D9Cat:
#5C2B8CSwitch
Color Palettes: Categories
Leave Me Alone...
Background:
Cat:
AC Condenser:
#5C2B8CCat:
#9D62D9AC Condenser:
#F2C12E