What the Color Picker Does
The Color Picker is the color control inside the Kyrios Funnels & Websites builder. It lets you:
Select brand colors.
Select default colors.
Create custom colors.
Name custom colors.
Save reusable colors.
Apply colors to page sections and elements.
Use HEX, RGB, or custom color values.
Where to Open the Color Picker
Open a funnel or website page in the builder. Select the section, button, text, or element you want to edit. In the right settings panel, click the color swatch for the property you want to change. For example, click Background Color to change a button background.
Select a Saved Color
When the Color Picker opens, you can choose from Brand Colors, Default Colors, or Custom Colors. Brand Colors appear at the top of the palette. Custom Colors appear near the bottom of the palette.
Create a Custom Color
To create a custom color:
Open the Color Picker.
Click + Add under Custom Colors.
Select the color.
Enter a name for the color.
Click Save.
Use clear names like Warning Red, CTA Blue, or Brand Orange.
Use HEX, RGB, or Custom Values
The Color Picker supports multiple color formats.
Use the dropdown to select the format before saving the color.
Available formats include:
HEX for standard web color codes.
RGB for red, green, and blue values.
Custom for supported dynamic color values.
View Custom Color Labels
Custom colors can include labels. Hover over a custom color to view its label, color value, and opacity. This helps teams choose the correct color when several shades look similar.
Duplicate Color Prevention
Kyrios prevents duplicate custom colors from being saved into the palette. If the same color already exists, the Color Picker shows a duplicate color message. Use the existing color or choose a different shade.
Edit a Saved Custom Color
To edit a custom color:
Open the Color Picker.
Select the saved custom color.
Click the edit icon.
Update the name, value, or opacity.
Click Save.
Button Icon Color
Button icons can be colored independently of button text and subtext. To change a button icon color:
Select the button.
Open the right settings panel.
Go to General.
Expand Color.
Click the Icon Color swatch.
Choose or create a color.
The icon color uses the same Color Picker as other page elements.
Common Issues and Fixes
I see a duplicate color message
The color already exists in the palette. Use the existing swatch or choose a different shade.
My custom color will not save
Check that the value is valid and does not duplicate an existing palette color.
I cannot find my brand colors
Confirm the Brand Board has colors saved. Brand colors appear at the top of the Color Picker.
Existing pages did not update after I changed the brand color
Colors already applied to page elements stay the same. Brand color changes apply going forward.
FAQ
Can I name custom colors?
Yes. You can name custom colors so your team can identify them later.
Can I edit a custom color label?
Yes. Open the custom color, click the edit icon, update the label, and save.
Can I use HEX values?
Yes. Select HEX from the format dropdown and enter the color code.
Can I use RGB values?
Yes. Select RGB from the format dropdown and enter the RGB values.
Why does Kyrios block duplicate colors?
Kyrios blocks duplicate colors to keep the palette clean and prevent teams from saving the same shade multiple times.
Can button icons have a different color than button text?
Yes. Button Icon Color is separate from button text and subtext color.