Custom Colors

Define your project’s color palette when creating a project or adjust colors anytime through chat and manual editing.

At Project Creation

The Customize brand panel on the homepage includes four color pickers:

• Primary color
• Secondary color
• Accent color
• Background color

Your selections are applied when the AI builds your project.

Setting Colors After Creation

Via chat:

• “Set my primary color to #3B82F6”
• “Change the background to a warm cream color”
• “Use #10B981 for accent elements”

Via Manual Editing: Select an element in the Edit tab and adjust its color properties directly.

From uploads: “Extract the colors from my logo” (attach the image first)

Color Formats

Sticklight supports multiple color formats:

• Hex: #3B82F6
• RGB: rgb(59, 130, 246)
• HSL: hsl(217, 91%, 60%)
• Named colors: blue, coral, navy

Accessibility

Keep contrast in mind for readability:

• Body text: 4.5:1 contrast ratio minimum
• Large text (18px+): 3:1 contrast ratio minimum
• Interactive elements: Ensure focus states are visible

Related

• Brand Kits
• Manual Editing