Within the editor, the Site Theme panel lets you make changes that affect your entire site. You can customize your site's text, buttons, images, background, and navigation widgets from the design panel. This allows you to quickly and efficiently make sweeping visual changes, reducing design time and keeping your site's style consistent across pages.
Colors allow you to define a color palette and link the individual colors to any or all widget with color settings. The color of any element that is linked to the theme colors will automatically be updated when the linked color is changed in the theme colors settings. This allows you to quickly make color changes, which helps reduce design time and ensures your site's style is consistent across pages.
Below are examples of color palettes that can be used to Generate a Site with AI.
| Title | Primary | Secondary | Main Background | Background 2 | Background 3 |
|---|
| Blue Harmony | rgba(11, 25, 86, 1) | rgba(79, 133, 239, 1) | rgba(250, 252, 255, 1) | rgba(189, 217, 253, 1) | rgba(233, 243, 255, 1) |
| Green Pastel | rgba(37, 58, 32, 1) | rgba(131, 140, 117, 1) | rgba(255, 255, 255, 1) | rgba(242, 255, 208, 1) | rgba(235, 239, 224, 1) |
| Deep Burgandy | rgba(50, 19, 109, 1) | rgba(119, 61, 198, 1) | rgba(252, 250, 255, 1) | rgba(226, 190, 255, 1) | rgba(242, 231, 255, 1) |
| Purple Vibrancy | rgba(71, 18, 29, 1) | rgba(97, 23, 42, 1) | rgba(255, 255, 255, 1) | rgba(244, 200, 253, 1) | rgba(237, 234, 231, 1) |
| Chocolate Tan | rgba(0, 0, 0, 1) | rgba(114, 86, 64, 1) | rgba(240, 235, 230, 1) | rgba(204, 182, 162, 1) | rgba(222, 215, 208, 1) |
| Redwood Peach | rgba(116, 42, 21, 1) | rgba(225, 96, 46, 1) | rgba(254, 251, 249, 1) | rgba(255, 205, 164, 1) | rgba(249, 230, 213, 1) |
| Earth Tones | rgba(45, 35, 20, 1) | rgba(209, 139, 0, 1) | rgba(255, 248, 234, 1) | rgba(255, 216, 117, 1) | rgba(255, 236, 173, 1) |
| Modern Monochrome | rgba(0, 0, 0, 1) | rgba(114, 114, 114, 1) | rgba(255, 255, 255, 1) | rgba(197, 197, 197, 1) | rgba(222, 222, 222, 1) |
| Title | Primary | Secondary | Main Background | Background 2 | Background 3 |
|---|
| Botanical Glow | rgb(0, 40, 0) | rgb(8, 123, 77) | rgb(248, 249, 174) | rgb(236, 232, 221) | rgb(250, 249, 247) |
| Savanna | rgb(90, 38, 38) | rgb(212, 101, 57) | rgb(227, 215, 255) | rgb(255, 211, 121) | rgb(255, 232, 184) |
| Ocean | rgb(21, 80, 101) | rgb(205, 148, 50) | rgb(255, 255, 255) | rgb(229, 242, 255) | rgb(212, 230, 247) |
| Marshmallow | rgb(34, 3, 3) | rgb(185, 89, 37) | rgb(193, 216, 203) | rgb(238, 155, 142) | rgb(248, 218, 204) |
| Cocoa Bloom | rgb(52, 18, 4) | rgb(97, 53, 37) | rgb(225, 142, 255) | rgb(206, 184, 163) | rgb(242, 231, 219) |
| Kids Pool | rgb(42, 50, 60) | rgb(133, 168, 207) | rgb(226, 240, 254) | rgb(234, 248, 196) | rgb(248, 255, 230) |
| Royal Carnival | rgb(253, 228, 246) | rgb(214, 138, 0) | rgb(14, 23, 142) | rgb(238, 213, 255) | rgb(255, 245, 242) |
| Sunset Sorbet | rgb(32, 16, 3) | rgb(239, 119, 72) | rgb(253, 209, 255) | rgb(252, 184, 112) | rgb(255, 227, 214) |
| Title | Primary | Secondary | Main Background | Background 2 | Background 3 |
|---|
| Biella | rgb(63, 45, 33) | rgb(108, 77, 56) | rgb(216, 193, 172) | rgb(221, 230, 237) | rgb(254, 250, 247) |
| Eucalyptus | rgb(36, 37, 60) | rgb(152, 166, 214) | rgb(249, 251, 249) | rgb(214, 223, 204) | rgb(236, 241, 234) |
| Spring Clean | rgb(46, 82, 127) | rgb(70, 116, 175) | rgb(195, 223, 237) | rgb(252, 252, 246) | rgb(242, 255, 208) |
| Terra Cream | rgb(203, 61, 22) | rgb(224, 76, 38) | rgb(255, 254, 251) | rgb(230, 220, 212) | rgb(245, 234, 226) |
| Pastel Dusk | rgb(66, 108, 194) | rgb(191, 149, 149) | rgb(250, 252, 255) | rgb(205, 221, 244) | rgb(227, 239, 253) |
| Cotton | rgb(114, 92, 64) | rgb(163, 132, 92) | rgb(239, 237, 230) | rgb(243, 214, 194) | rgb(253, 249, 246) |
| Slate & Plum | rgb(62, 63, 62) | rgb(106, 80, 87) | rgb(214, 207, 199) | rgb(215, 231, 235) | rgb(159, 192, 201) |
| Brown & Pink | rgb(53, 50, 47) | rgb(104, 77, 59) | rgb(235, 214, 209) | rgb(204, 187, 169) | rgb(241, 236, 230) |
| Title | Primary | Secondary | Main Background | Background 2 | Background 3 |
|---|
| Iron & Ivy | rgb(25, 30, 28) | rgb(62, 75, 69) | rgb(189, 178, 168) | rgb(158, 168, 145) | rgb(193, 203, 180) |
| Navy Oliver | rgb(38, 73, 104) | rgb(139, 114, 55) | rgb(211, 222, 224) | rgb(237, 213, 192) | rgb(251, 239, 228) |
| Olive Mist | rgb(34, 31, 26) | rgb(124, 109, 74) | rgb(193, 199, 215) | rgb(224, 215, 143) | rgb(229, 226, 219) |
| Pine | rgb(21, 51, 45) | rgb(255, 249, 240) | rgb(171, 106, 64) | rgb(199, 217, 214) | rgb(236, 244, 243) |
| Lavender Smoke | rgb(31, 34, 54) | rgb(78, 81, 110) | rgb(237, 231, 224) | rgb(186, 176, 207) | rgb(196, 177, 170) |
| Sepia Garden | rgb(82, 91, 86) | rgb(97, 112, 92) | rgb(187, 200, 183) | rgb(212, 186, 176) | rgb(229, 223, 221) |
| Clay & Cinnamon | rgb(122, 36, 30) | rgb(173, 54, 48) | rgb(228, 215, 194) | rgb(209, 187, 173) | rgb(184, 159, 147) |
| Clay Pink | rgb(169, 93, 81) | rgb(194, 113, 81) | rgb(238, 220, 205) | rgb(230, 211, 209) | rgb(247, 239, 238) |
| Title | Primary | Secondary | Main Background | Background 2 | Background 3 |
|---|
| Forest Hues | rgb(237, 221, 212) | rgb(217, 145, 133) | rgb(119, 46, 37) | rgb(40, 61, 59) | rgb(33, 88, 90) |
| Coastal Midnight | rgb(240, 235, 216) | rgb(198, 226, 230) | rgb(19, 27, 47) | rgb(29, 45, 68) | rgb(62, 92, 118) |
| Sagewood | rgb(220, 217, 208) | rgb(169, 178, 142) | rgb(45, 64, 59) | rgb(62, 89, 63) | rgb(95, 124, 82) |
| Dark Chocolate | rgb(224, 207, 107) | rgb(204, 173, 162) | rgb(41, 29, 29) | rgb(60, 42, 42) | rgb(82, 54, 54) |
| Ceramic Class | rgb(255, 245, 245) | rgb(252, 213, 204) | rgb(53, 50, 47) | rgb(76, 72, 72) | rgb(126, 114, 114) |
| Dark Purple | rgb(237, 229, 210) | rgb(200, 138, 187) | rgb(28, 27, 31) | rgb(47, 46, 54) | rgb(0, 0, 0) |
| Urban Space | rgb(255, 251, 238) | rgb(235, 158, 41) | rgb(51, 52, 54) | rgb(71, 82, 92) | rgb(111, 127, 140) |
| Dark Brown | rgb(243, 231, 215) | rgb(199, 172, 142) | rgb(28, 31, 38) | rgb(45, 50, 61) | rgb(36, 40, 49) |
