Color Palette / Color Scheme
Osteospermum
Colors Contained
Change the color combination using the button below.
Switch
Basic Color Palette
Color | HEX | RGB |
---|---|---|
#770E71 |
119, 14, 113 |
|
#CA36C4 |
202, 54, 196 |
|
#DCA02A |
220, 160, 42 |
Gradation
Left:
Center:
Right:
#770E71
Center:
#CA36C4
Right:
#DCA02A
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 (Osteospermum)
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#CA36C4
#CA36C4
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#770E71
#770E71
Switch
Color Palettes: Categories
Vertical Combination (Osteospermum)
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#CA36C4
#CA36C4
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#770E71
#770E71
Switch
Color Palettes: Categories
Horizontal/Vertical Combination (Osteospermum)
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#CA36C4
#CA36C4
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#770E71
#770E71
Switch
Color Palettes: Categories
Heading (Osteospermum)
Colors of Osteospermum
Text:
Background:
Border-bottom:
#770E71
Background:
#CA36C4
Border-bottom:
#DCA02A
Colors of Osteospermum
Text:
Background:
Border-bottom:
#770E71
Background:
#DCA02A
Border-bottom:
#CA36C4
Colors of Osteospermum
Text:
Background:
Border-bottom:
#CA36C4
Background:
#770E71
Border-bottom:
#DCA02A
Colors of Osteospermum
Text:
Background:
Border-bottom:
#CA36C4
Background:
#DCA02A
Border-bottom:
#770E71
Colors of Osteospermum
Text:
Background:
Border-bottom:
#DCA02A
Background:
#770E71
Border-bottom:
#CA36C4
Colors of Osteospermum
Text:
Background:
Border-bottom:
#DCA02A
Background:
#CA36C4
Border-bottom:
#770E71
Switch
Color Palettes: Categories
Spots against a Background (Osteospermum)
Background:
Upper-right circle:
Lower-left circle:
#770E71
Upper-right circle:
#CA36C4
Lower-left circle:
#DCA02A
Background:
Upper-right circle:
Lower-left circle:
#770E71
Upper-right circle:
#DCA02A
Lower-left circle:
#CA36C4
Background:
Upper-right circle:
Lower-left circle:
#CA36C4
Upper-right circle:
#770E71
Lower-left circle:
#DCA02A
Background:
Upper-right circle:
Lower-left circle:
#CA36C4
Upper-right circle:
#DCA02A
Lower-left circle:
#770E71
Background:
Upper-right circle:
Lower-left circle:
#DCA02A
Upper-right circle:
#770E71
Lower-left circle:
#CA36C4
Background:
Upper-right circle:
Lower-left circle:
#DCA02A
Upper-right circle:
#CA36C4
Lower-left circle:
#770E71
Switch
Color Palettes: Categories
Three Circles (Osteospermum)
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#CA36C4
#CA36C4
#770E71
#770E71
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#770E71
#770E71
#DCA02A
#DCA02A
#770E71
#770E71
#CA36C4
#CA36C4
#DCA02A
#DCA02A
#CA36C4
#CA36C4
#770E71
#770E71
Switch
Color Palettes: Categories
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
#770E71
Cream:
#CA36C4
Sponge:
#DCA02A
Topping/Fillings:
Cream:
Sponge:
#770E71
Cream:
#DCA02A
Sponge:
#CA36C4
Topping/Fillings:
Cream:
Sponge:
#CA36C4
Cream:
#770E71
Sponge:
#DCA02A
Topping/Fillings:
Cream:
Sponge:
#CA36C4
Cream:
#DCA02A
Sponge:
#770E71
Topping/Fillings:
Cream:
Sponge:
#DCA02A
Cream:
#770E71
Sponge:
#CA36C4
Topping/Fillings:
Cream:
Sponge:
#DCA02A
Cream:
#CA36C4
Sponge:
#770E71
Switch
Color Palettes: Categories
Owl (Osteospermum)
Head/Wing/Spots:
Beak/Legs:
Body:
#770E71
Beak/Legs:
#CA36C4
Body:
#DCA02A
Head/Wing/Spots:
Beak/Legs:
Body:
#770E71
Beak/Legs:
#DCA02A
Body:
#CA36C4
Head/Wing/Spots:
Beak/Legs:
Body:
#CA36C4
Beak/Legs:
#770E71
Body:
#DCA02A
Head/Wing/Spots:
Beak/Legs:
Body:
#CA36C4
Beak/Legs:
#DCA02A
Body:
#770E71
Head/Wing/Spots:
Beak/Legs:
Body:
#DCA02A
Beak/Legs:
#770E71
Body:
#CA36C4
Head/Wing/Spots:
Beak/Legs:
Body:
#DCA02A
Beak/Legs:
#CA36C4
Body:
#770E71
Switch
Color Palettes: Categories
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
#770E71
Shirt/Boots:
#CA36C4
Skirt:
#DCA02A
Vest:
Shirt/Boots:
Skirt:
#770E71
Shirt/Boots:
#DCA02A
Skirt:
#CA36C4
Vest:
Shirt/Boots:
Skirt:
#CA36C4
Shirt/Boots:
#770E71
Skirt:
#DCA02A
Vest:
Shirt/Boots:
Skirt:
#CA36C4
Shirt/Boots:
#DCA02A
Skirt:
#770E71
Vest:
Shirt/Boots:
Skirt:
#DCA02A
Shirt/Boots:
#770E71
Skirt:
#CA36C4
Vest:
Shirt/Boots:
Skirt:
#DCA02A
Shirt/Boots:
#CA36C4
Skirt:
#770E71
Switch
Color Palettes: Categories
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
#770E71
Shirt:
#CA36C4
Pants:
#DCA02A
Jacket/Shoes:
Shirt:
Pants:
#770E71
Shirt:
#DCA02A
Pants:
#CA36C4
Jacket/Shoes:
Shirt:
Pants:
#CA36C4
Shirt:
#770E71
Pants:
#DCA02A
Jacket/Shoes:
Shirt:
Pants:
#CA36C4
Shirt:
#DCA02A
Pants:
#770E71
Jacket/Shoes:
Shirt:
Pants:
#DCA02A
Shirt:
#770E71
Pants:
#CA36C4
Jacket/Shoes:
Shirt:
Pants:
#DCA02A
Shirt:
#CA36C4
Pants:
#770E71
Switch
Color Palettes: Categories
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
#770E71
Screen:
#CA36C4
Cat:
#DCA02A
Background:
Screen:
Cat:
#770E71
Screen:
#DCA02A
Cat:
#CA36C4
Background:
Screen:
Cat:
#CA36C4
Screen:
#770E71
Cat:
#DCA02A
Background:
Screen:
Cat:
#CA36C4
Screen:
#DCA02A
Cat:
#770E71
Background:
Screen:
Cat:
#DCA02A
Screen:
#770E71
Cat:
#CA36C4
Background:
Screen:
Cat:
#DCA02A
Screen:
#CA36C4
Cat:
#770E71
Switch
Color Palettes: Categories
Leave Me Alone...
Background:
Cat:
AC Condenser:
#770E71
Cat:
#CA36C4
AC Condenser:
#DCA02A
Background:
Cat:
AC Condenser:
#770E71
Cat:
#DCA02A
AC Condenser:
#CA36C4
Background:
Cat:
AC Condenser:
#CA36C4
Cat:
#770E71
AC Condenser:
#DCA02A
Background:
Cat:
AC Condenser:
#CA36C4
Cat:
#DCA02A
AC Condenser:
#770E71
Background:
Cat:
AC Condenser:
#DCA02A
Cat:
#770E71
AC Condenser:
#CA36C4
Background:
Cat:
AC Condenser:
#DCA02A
Cat:
#CA36C4
AC Condenser:
#770E71
Switch
Color Palettes: Categories
Share and Have Fun with Your Friends!!
Notes
- Actual colors displayed may differ depending on the display device you use.
- All colors in themes are estimated, and some of the color combinations, especially brands and logos, are formally established separately.
- Text colors of color codes in each boxes are set to
Black
andWhite
. - If you have any requests or suggestion, feel free to contact us.
- Switch the language >> Japanese.