Skip to content
Docs
Go to App
Features / Icons

Icon Color Picker

Overview

Section titled “Overview”

You can now customize the color of material icons directly from the context toolbar. Select any icon on your board and use the color dropdown to apply palette colors or enter custom hex values for precise color matching.

Color Picker

Key Features

Section titled “Key Features”
  • Palette Colors - Quick access to preset color options
  • Custom Hex Values - Enter any hex code for exact color matching
  • Recent Colors - Easily reuse colors you’ve used before
  • Instant Preview - See color changes in real-time

How to Use

Section titled “How to Use”
  1. Select a material icon on your board
  2. Look for the color dropdown in the context toolbar
  3. Choose from:
    • Palette colors - Click any preset color
    • Custom hex - Enter a hex code (e.g., #FF5733)
    • Recent colors - Select from your color history
  4. The icon updates immediately with your chosen color

Use Cases

Section titled “Use Cases”

Brand Consistency

Section titled “Brand Consistency”

Match icons to your company’s brand colors by entering exact hex values.

Visual Hierarchy

Section titled “Visual Hierarchy”

Use different colors to create visual groupings and indicate relationships between concepts.

Status Indication

Section titled “Status Indication”

Apply colors to convey status:

  • Green for complete or positive
  • Yellow for in-progress or caution
  • Red for urgent or blocked

Tips

Section titled “Tips”
Section titled “Related Features”