UI Color Palette
  • Welcome aboard!
  • Why should you avoid RBG and HSL color spaces?
  • Glossary
  • Create a color palette
    • Overview
    • Select and import the source colors
      • Select colors from the document canvas
      • Import colors from external libraries
    • Choose a lightness scale preset
    • Set the scale
      • Adjust the lightness scale
      • Adjust the chroma・Pro
      • Distribute the stops・Pro
    • Configure the palette
      • Change the palette global settings
      • Select a color space
      • Select a vision simulation
      • Select a velocity
      • Lock the source colors
    • Create the palette in one single click
    • Use the Quick Actions to create
  • Manage a color palette
    • Overview
    • Adjust the scale
      • Adjust the lightness and the chroma
      • Add or remove stops in the Custom preset
    • Change the source colors
      • Add or remove a color
      • Change a color's parameters
      • Reorder the colors
    • Create color themes・Pro
      • Add or remove a theme
      • Change the themes' parameters
      • Reorder the themes
    • Manage global settings
    • Manage the colors
      • Select a color space
      • Select a vision simulation
      • Select a velocity
    • Manage the contrast
    • Update your preferences
  • Sync a color palette
    • Sync the palette to the local styles・Pro
    • Sync the palette to the local variable・Pro
  • Transfer a color palette
    • Overview
    • Export the palette
      • Export as tokens
      • Export as Custom Properties to CSS
      • Export for Apple apps (SwiftUI and UIKit)・Pro
      • Export for Android apps (Compose and Resources)・Pro
      • Export the LCH values to CSV・Pro
    • Usage in Dev Mode
  • Publish a color palette
    • Manage the palette lifecycle
    • Publish and Synchronize palettes
      • Publish palettes
      • Synchronize palettes
    • Reuse palettes across multiple documents
      • Reuse the palettes for your own usage
      • Hunt the shared palettes from the community
  • Others
    • Troubleshooting
    • Release notes
      • UI Color Palette 19
      • UI Color Palette 20
      • UI Color Palette 21
      • UI Color Palette 22
      • UI Color Palette 23
      • UI Color Palette 24
      • UI Color Palette 25
      • UI Color Palette 26
      • UI Color Palette 28
      • UI Color Palette 29
      • UI Color Palette 30
      • UI Color Palette 31
      • UI Color Palette 32
    • Legal
      • Terms and Conditions
      • Privacy Policy
      • Cookies Policy
Powered by GitBook
On this page

Was this helpful?

  1. Manage a color palette

Manage global settings

PreviousReorder the themesNextManage the colors

Last updated 3 months ago

Was this helpful?

Color sheet is only available in the Pro plan.

You can globally personalize your palette in Settings by changing:

  • Its name (limited to 64 characters).

  • Its description.

  • Its layout:

    • Palette with properties displays a palette composed of shades with a few related metadata:

      • The color shade name (according to the chosen lightness scale preset).

      • The hexadecimal code.

      • The selected Color space values (, , and ).

      • The contrast score with a recommendation.

      • The contrast score with a recommendation.

    • Palette displays every shade without any metadata.

    • Color sheet Pro displays a sheet composed of shade with the full related metadata:

      • The color shade name (according to the chosen lightness scale preset).

      • The color shade description.

      • The hexadecimal code.

      • The selected Color space values (, , and ).

      • The contrast score with a recommendation.

      • The contrast score with a recommendation and every minimum font size according to the weight.

LCH
LAB
HSL
WCAG 2.1
APCA
LCH
LAB
HSL
WCAG 2.1
APCA